nicht angemeldet
Hallo zusammen,
ich bin gerade dabei eine neue Seite zu erstellen. Ich wollte es mal mit CSS und ohne Tabellen probieren.
Einige Fehler konnte ich auch schon meistern, allerdings tüftle ich seit ein paar Tagen am folgendem Problem:
Die Seite ist eigentlich recht einfach aufgebaut...
- Header
- Mainbereich (Navi Block mit 3x5 Bilder und Textbereich)
- Footer
Problemstellung:
Die Abstandhalter horizontal bei den Navi-Elementen machen nicht was sie sollen. Definition sollte "height:1px" sein wird aber vom IE6 trotzdem Falsch dargestellt (ca. 10px). In Firefox und IE7 funktioniert es problemlos.
Frage:
Was habe ich nicht richtig verstanden, bzw. wo habe ich einen Fehler gemacht? Zu viele oder falsche angaben im STYLE?
Hoffe ihr könnt mir weiterhelfen!
Vielen Dank im voraus!!
MfG,
Bretschi.
Script:
<style type="text/css" media="screen">
<!--
body { background-color:#FF6001; }
#page_box {
height: 764px;
width:1168px;
margin:auto;
}
#header_box {
height:150px;
}
#main_box
#content_box {
height:514px;
background-color:#000000;
width:856px;
float:left;
}
#navi_spalte_1, #navi_spalte_2, #navi_spalte_3 {
width:102px;
height:514px;
float:left;
}
#navi_bild {
width:102px;
height:102px;
background-color:#000000;
}
#navi_bild_spacer_horizontal {
height:1px;
width:102px;
}
#navi_spalte_spacer {
width:1px;
height:514px;
float:left;
}
#footer_box {
height:100px;
clear:both;
}
-->
</style>
<body>
<div id="page_box">
<div id="header_box"></div><!-- /header_box -->
<div id="main_box">
<div id="navi_spalte_1">
<div id="navi_bild"></div>
<div id="navi_bild_spacer_horizontal"></div>
<div id="navi_bild"></div>
<div id="navi_bild_spacer_horizontal"></div>
<div id="navi_bild"></div>
<div id="navi_bild_spacer_horizontal"></div>
<div id="navi_bild"></div>
<div id="navi_bild_spacer_horizontal"></div>
<div id="navi_bild"></div>
</div><!-- /navi_spalte_1 -->
<div id="navi_spalte_spacer"></div>
<div id="navi_spalte_2">
<div id="navi_bild"></div>
<div id="navi_bild_spacer_horizontal"></div>
<div id="navi_bild"></div>
<div id="navi_bild_spacer_horizontal"></div>
<div id="navi_bild"></div>
<div id="navi_bild_spacer_horizontal"></div>
<div id="navi_bild"></div>
<div id="navi_bild_spacer_horizontal"></div>
<div id="navi_bild"></div>
</div><!-- /navi_spalte_2 -->
<div id="navi_spalte_spacer"></div>
<div id="navi_spalte_3">
<div id="navi_bild"></div>
<div id="navi_bild_spacer_horizontal"></div>
<div id="navi_bild"></div>
<div id="navi_bild_spacer_horizontal"></div>
<div id="navi_bild"></div>
<div id="navi_bild_spacer_horizontal"></div>
<div id="navi_bild"></div>
<div id="navi_bild_spacer_horizontal"></div>
<div id="navi_bild"></div>
</div><!-- /navi_spalte_3 -->
<div id="navi_spalte_spacer"></div>
<div id="content_box"></div>
</div><!-- /main_box -->
<div id="footer_box"></div><!-- /footer_box -->
</div><!-- /page_box -->
</body>