Gelöst: Ebenfalls Div-Container Problem im FF und Opera

[Yngvi]

Hallo an alle,

ich bin echt am verzweifeln - vielleicht kann mir hier jemand helfen.
Ich habe eine Website gebastelt, die mit dem IE6 wirklich passt. Allerdings zeigen mir der FF und Opera einen Div-Container nie an der Stelle an, an der er sein sollte.
Ich habe schon das CSS checken lassen und nochmals alle Größen der Div-Container geprüft - soweit sollte meiner Meinung nach alles passen.

Allerdings habe ich zu wenig Erfahrung, um noch weitere Ideen zu haben, was da falsch ist in meinem CSS.

Anbei der Code für die Divs - der falsch angezeigte Container ist #anzeige - der wird im FF und im Opera nach unten und links versetzt angezeigt. Im Original könnt ihr euch das hier ansehen: http://www.trinor.at/trinor

Ich bin für jeden Tipp dankbar - meine Verzweiflung weicht schon leichter Resignation ...

Danke & ganz herzliche Grüße,
Yngvi

/* General setting */
body{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.0em;
/*background: #FFDDFF;*/
/*background: #BA00BA;*/
/*background: #FFFFCC;*/
background: #EBFFE2;

}

/*---------------------------------------------------------------------*/
/*Beginn der Container-Definitionen */
/*---------------------------------------------------------------------*/

/* Hauptcontainer für alles */
#containall {
background: #FFFFFF;
height: 600px;
width: 800px;
border: thin solid #BA00BA;
}

/* Erste Zeile mit Logo und Menüzeile */
#lineone {
height: 80px;
width: 800px;
/*border: thin solid #BA00BA;*/
}
#logo {
background-image: url(../images/LogoOhne.jpg);
height: 80px;
width: 162px;
float: left;
/*border: thin solid #BA00BA;*/
}
#logorechts {
background-image: url(../images/Training638x80.jpg);
/*background: #FFFFFF;*/
height: 80px;
width: 638px;
float: left;
/*border: 3px solid black;*/
}

/*Zweite Zeile mit links nichts und rechts der Pfadanzeige */
#linetwo {
height: 25px;
width: 800px;
}
#pathwaylinks {
background: #FFFFFF;
height: 25px;
width: 162px;
float: left;
}
#pathwaymitte {
background: #FFFFFF;
height: 25px;
width: 548px;
font-size: 1em;
color: #00BB00;
float: left;
/*border: thin solid Red;*/
}
#pathwayrechts {
background: #FFFFFF;
height: 25px;
width: 90px;
font-size: 1em;
color: #00BB00;
float: left;
text-align: left;
/*border: thin solid Red;*/
}

/*Dritte Zeile mit links Hauptmenü und rechts Anzeige */
#linethree {
height: 420px;
width: 800px;
}
#mlinks {
background-image: url(../images/LCUP162x420.jpg);
height: 420px;
width: 122px;
float: left;
}
#anzeige {
background-image: url(../images/RCLow638x420.jpg);
height: 420px;
width: 678px;
float: left;
border-top: thin solid #FFDDFF;
border-left: thin solid #FFDDFF;
padding: 16px 8px 8px 16px;
font-size: 0.8em;
}

/*Vierte Zeile mit Fußzeile */
#linefour {
height: 75px;
width: 800px;
}
#lfooter {
background-image: url(../images/LCLP162x75.jpg);
height: 75px;
width: 162px;
float: left;
}
#rfooter {
background-image: url(../images/LRC640x75.jpg);
height: 75px;
width: 638px;
float: left;
}
[url][/url][url][/url]

[Yngvi]

Hi,

für interessierte:

1. Die Hintergrundgrafik meines Menüs links war 162x420 Pixel groß, obwohl der Div nur 122x420 Pixel war --> das macht dem IE6 nichts aus, dem FF und Opera aber schon
2. Die Tabelle des Menüs war mit width=100% definiert - das hat der FF irgendwie so interpretiert, daß das Menü ca 20 Pixel länger wurde als das Div rundherum definiert war. Ohne Angabe von width gehts im IE und im FF
3. Die Padding-Werte im Content-Div werden vom IE offenbar inkl. der gesamten Größenangaben interpretiert. Beim FF müssen diese offenbar exklusive der eigentlichen Größe angegeben werden - da ich dies nicht hatte, war der Container plus die paddings dazu zu groß und wurden in der nächsten Zeile unterhalb vom linken Menü-Div angezeigt. Sobald ich die paddings von den Container-Größen abgezogen habe, sieht's sowohl im IE als auch im FF korrekt aus.

Ich wünsch euch einen schönen Rutsch!

Lg,
Yngvi