nicht angemeldet
Hi,
ich habe noch nicht aufgegeben und möchte meine Homepage nach wie vor per CSS formatieren, statt wie sonst auf Tabellen zurückzugreifen. Soweit, so gut. Dabei ist mir der doofe Box-Model-Bug des IE im Wege.
Egal was ich mache, ich kriege es nicht hin, dass die Ebenen im IE und im Netscape die gleiche Position haben. :-(
Anzusehen ist das ganze unter http://www.bens-homepage.de/neu/index3.php.
Als erstes habe ich einen <div>-Bereich, der den obersten Teil enthält (Verlauf mit Logo). Darunter folgt ein <div> mit dem grünen Balken (enthält hinterher das interne Menü). Dieser Bereich hat die Klasse "menu_oben". Als nächstes folgt dann der <div> für das Menü. Dieses hat die Klasse "menu". Das Problem ist, dass die Bereiche im Netscape alle um 1 oder 2 Pixel nach rechts verschoben sind.
Hier die Klassen:
body { margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
background-image:url(../gfx/back.gif);
background-repeat:repeat-y;
background-position:center;
background-color: #7CA57D;
text-align: center; }
.menu_oben { width: 786px;
height: 15px;
background-color: #3B4F3C;
color: #FFFFFF;
padding-right: 10px;
padding-top: 1px;
font-size: 7.5pt;
position: relative;
top: -2px;
text-align: right;
margin-left:auto;
margin-right:auto; }
.menu { padding-left: 10px;
font-size: 8.5pt;
width: 134px;
position: relative;
top: -2px;
left: -327px;
text-align: left;
background-image:url(../gfx/menu_head.jpg);
background-repeat:no-repeat;
background-position:top;
padding-top: 60px;
margin-left:auto;
margin-right:auto; }
Bitte helft mir. Ich bin langsam am Verzweifeln... *seufz* :-(
Danke und liebe Grüße
Ben