Spalten im IE ok, im FF nicht

[thuemmy]

Hallo Forum,

und schon wieder ein neues Problem. Auf der Webseite: Molitor Bedachungen GmbH - Eltville - Unsere Leistungen gibt es mal wieder Probleme. Ich habe versucht, 2 Spalten zu machen. Wenn die Welt nur aus Microsoft bestehen würde, wäre alles ok. Der Firefox und Opera machen mir da allerdings Probleme. Die Spalten werden untereinander angezeigt. HTML und CSS sind valide.

body {
 background-image: url(../images/bg2.jpg);
 background-repeat: repeat;
 background-color: white;
 font-family: Verdana, Arial, sans-serif;
}
h1 {font-size:130%;}

.main {
 width:720px;
 margin-left:auto;margin-right:auto;
 margin-top:15px;
 margin-bottom:15px;
 border-width:1px;
 border-style: solid;
 border-color: black;
 background-color: white;
}

#navsite h5 {
 display:none;
}
#navsite ul {
 padding: 3px 0;
 margin-left: 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}
#navsite ul li {
 list-style: none;
 margin: 0;
 display: inline;
}
#navsite ul li a {
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}
#navsite ul li a:link {
 color: #448;
}
#navsite ul li a:visited {
 color: #667;
}
#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
 color: #000;
 background: #AAE;
 border-color: #227;
}
#navsite ul li a#current {
 background: white;
 border-bottom: 1px solid white;
}

.content {
 width:700px;
 height:100%;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 margin-bottom:0px;
 background-color: white;
 padding:10px;
}

#partner ul {
list-style-type: none;
margin-left: 30px;}

#partner li {
margin-top: 30px;
}

#links {
width: 300px;
float: left;
}

#links li {
font-size:95%;
}

#rechts {
width: 300px;
}

#rechts li {
font-size:95%;
}

die beiden Spalten sind unten im Code (#links und #rechts)

Vielen Dank schonmal im Vorraus für Eure Hilfe.

Gruß thuemmy

 

[prm]

Normalerweise hat der FF "Recht". Kann's jetzt momentan nicht testen.
Aber setze mal den Universalselektor auf "Null".
Manchmal haben die Browser unterschiedliche Grundwerte für ul, li und andere Elemente.
Unterschiedliche Abstände in verschiedenen Browsern

 

[thuemmy]

Danke für die Antwort. Leider kann ich damit gar nüscht anfangen.

Was bitte ist der Universalselektor?

Gruß thuemmy

 

[prm]

Steht im Link erklärt.
Deshalb (sozusagen aus Faulheit) hab ich meine Seite gemacht, damit ich nicht immer wieder alles neu schreiben muss. ;-)

 

[thuemmy]

Gut, das werde ich mir für die Zukunft merken, dass ich immer erstmal richtig nachgucke, wenn Du mir einen Link nennst.

Ausser dass nun alles zerschossen ist, hat sich aber an dem eigentlichen Problem auch nüscht geändert.

Gruß thuemmy

 

[Efchen]

Lad Dir das FF-Plugin Firebug runter. Damit findet man CSS-Probleme sehr schön.
Und richtig ist, dass wenn der IE etwas vermeintlich richtig macht, FF/Opera aber nicht, ist die Wahrschienlichkeit groß, dass Du nen Fehler in Deinem Code hast.

Auf den ersten Blick würde ich sagen, Deine Größenangaben stimmen nicht und die beiden Elemente (die Namen "links" und "rechts" sind übrigens denkbar schlecht gewählt, wenn Du die mal vertauschen willst, hast Du ein Element "links", das rechts steht und umgekehrt) passen nicht nebeneinander.

Übrigens zählst Du falsch. Nach h1 kommt bei Dir h5, das kann aber nicht sein, h2 bis h4 fehlen.

 

[thuemmy]

So. das Propblem ist gelöst. Ich habe die rechte Spalte auch gefloatet. für den Text, der unten noch über beide Spalten kommt, habe ich einen neuen Container gemacht, und dort das Float gecleared. Zusätzlich bin ich von der festen Spaltenbreite auf prozentuale gegangen. Ich werde morgen einen Layout-Check machen. Ich wusste gar nicht, dass ich dort nur eine begrenzte Zahl an Screenshots am Tag habe.

Übrigens zählst Du falsch. Nach h1 kommt bei Dir h5, das kann aber nicht sein, h2 bis h4 fehlen.

Auf den Kommentar habe ich schon gewartet :-D Aber Du hast recht, das werde ich noch gleich ändern.

Gruß thuemmy