Unterschiedliche Darstellung

html.de-Forum HTML, XHTML & CSS
1

Hallo :wink:
Ich habe eine Frage bezüglich meine DIV-Layouts:

[html]

Homepage Titel hier
Header
Navigation hier

Inhat Titel h1

Text text Text text Text text

Inhat Titel h2

Text text Text text Text text

Inhat Titel h3

Text text Text text Text text



Unten
[/html]Im IE sieht es super aus aber im FF nicht zentriert und rechts ist zwischen Dsign und Border eine ca. 1px weiße breite Streifenseite

→ im FF : http://bildupload.sro.at/a/images/im_ff.jpg (dort seht ihr diesen Streifen )

2

Ändere mal den CSS-Bereich wie folgt (rot markiert):

[code]
body {
margin: 4px 4px 12px 4px;
background-color: #FFFFFF;
text-align: center;
}

#mainsite {
width:754px;
border: 1px solid #000000;
margin-left: auto;
margin-right: auto;
}

  • html #mainsite { /* nur für Internet Explorer */
    width:756px;
    }

#header {
width:754px;
height:128px;
background-color: #CCCCCC;
border: 1px none #000000;
}

#menue {
float: left;
width:174px;
height:440px;
background-color: #CCCCFF;
border: 1px none #000000;
}

#inhalt {
float: left;
width:580px;
height:440px;
background-color: #FFCCCC;
border: 1px none #000000;
text-align: left;
}

#footer {
clear: both;
width:754px;
height:20px;
background-color: #CCCCCC;
border: 1px none #000000;
}
[/code]Dieses geht allerdings nur, solange du diesen DOCTYPE so lässt. Änderst du diesen, z.B. in STRICT, sieht es schon wieder anders aus.

EDIT: Vergessen, width:754px; rot zu markieren