Div position will nicht so wie sie soll von Tirabard, 29.05.2007 15:48

Div position will nicht so wie sie soll

Tirabard 29.05.2007 15:48

design/layout

Hallo

Ich verzweifle langsam hoffe einer kann mir sagen wo mein Fehler liegt.

Ich versuche eine Seite immer in der Mitte zu halten, aber sobald ich den Div content einfüge hobst die ganze Seite mit einem kleinen Abstand nach recht. Denke ich habe da wo ein denkfehler drin da ich gerade erst angefangen haben mit div und css.
wäre super wen einer eine Lösung wüste

meine aufgabe ist einfach
1.die komplette page immer in der mitte zu halten mit einer festen grösse die linke und die rechte Seite also dynamisch
2. Head bereich ist immer fest
3. eine navi und einen hauptbereich.(egal wie) :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<head>

#box {
margin:0% 3%;
padding:0% 0%;
width:880px;
height:100%;
border-left:1px solid #eee;
border-right:1px solid #eee;
background-color:#fffad1
}

}

div#navi {
float:left;
width: 150px;
}
div#content {
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#0000FF;
font-size:12px;
width:695px;
padding-left: 20px;
}
a {
    color:#e3e4e6;
   }
a.navitem {
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#104f85;
    font-weight:bold;
    height:20px;
       border-style:solid;
    border:1pt;
    border-color:#ffffff;
    display:block;
    background:#e3e4e6;
    text-decoration:none;
    background-image: none;

padding-left: 10px;
padding-right: 0px;

}
a.navitem:hover {
    text-decoration:underline;
    background:#e3e4e6;
   }
a.subnav {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#104f85;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration:none;
    height:20px;
    /* width:80px; */
    display:block;
    background:#e3e4e6;
    padding-left:10px;
   }
a.subnav:hover {

background:#e3e4e6;
    text-decoration:underline;
    color:#104f85;
   }

</style>

<title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>
<body>

<br />

</table>
</div>

</div>
</body>
</html>

Beitrag melden

– Informationen zu den Bewertungsregeln

Div position will nicht so wie sie soll
kungschu 29.05.2007 16:06

design/layout
– Informationen zu den Bewertungsregeln
Hallo.

Vielleicht helfen dir diese Seiten weiter:

1.die komplette page immer in der mitte zu halten mit einer festen grösse die linke und die rechte Seite also dynamisch

http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte
1. Head bereich ist immer fest
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
1. eine navi und einen hauptbereich.(egal wie) :)
http://de.selfhtml.org/css/layouts/mehrspaltige.htm#zweispaltig

MfG, Kungschu.
Beitrag melden

–
Informationen zu den Bewertungsregeln
Div position will nicht so wie sie soll
Gunnar Bittersmann Homepage des Autors 29.05.2007 16:22

design/layout
– Informationen zu den Bewertungsregeln
Hello out there!

Bevor du dich über falsche Darstellung wunderst, solltest du deinen HTML-Quelltext von sämtlichen Fehlern befreien. Ein Validator hilft dabei. [http://validator.w3.org/]

Danach prüfe dein CSS. Ein Validator hilft dabei. [http://jigsaw.w3.org/css-validator/]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">

Der system identifier ist falsch, es muss für XHTML 1.0 Strict "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" heißen. [SELFHTML: DOCTYPE] Bin mir grad nicht ganz sicher, aber der Fehler könnte dazu führen, das Browser in den Quirks-Modus wechseln.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

Hier solltest du zusätzlich 'lang="de"' angeben. [SELFHTML: XHTML-HTML: lang, HTML-TECH-LANG: Best Practice 4]

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Du bist dir der Unterschiede zwischen XHTML und HTML bei leeren Elementen [SELFHTML: XHTML-HTML: Leere Elemente] bewusst?

#box {
margin:0% 3%;
padding:0% 0%;
width:880px;
height:100%;
border-left:1px solid #eee;
border-right:1px solid #eee;
background-color:#fffad1
}

}

Wo geht diese Klammer auf?

<title</title>

Copy and paste error??

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Doppelt hält besser?

<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#e3e4e6">
   <tr>
     <th width="34%" scope="col" ><div align="left"><img src="images/logo.jpg" alt="" width="300" height="95" /></div></th>
      <th width="32%" scope="col"> </th>

Tabelle zum Layouten?? Und die missbilligten Attribute zur Darstellung sind falsch; du willst ja XHTML 1.0 _Strict_ schreiben. Und das ist auch gut so.[tm]

Nutze CSS für _sämtliche_  Darstellungsangaben.

<?php
div>

??

<table width="100%" border="2" cellspacing="0" cellpadding="0">

</table>

Da fehlt wohl was.

See ya up the road,
Gunnar

--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
Beitrag melden

–
Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Tirabard: Div position will nicht so wie sie soll