Positionierung - finde den Fehler nicht!

[Tren]

Hallo,

hab seit gestern ein kleines Problem mit der Positionierung einer footer-navi, im IE7 wird es richtig angezeigt, nur im FF/Opera und co ist die Navigation um paar Pixel nach unten versetzt, ich wette es handelt sich nur um einen kleinen Fehler, ich komm aber nicht drauf.

Jemand einen Lösungsvorschlag ?

Link:

Hier ein teil der css Datei :

Dies ist die abschliessende Linie vom content Bereich:

div#content div#linebottom {
width:949px;
height:7px;
background:url(../bilder/line-bottom.jpg) 0 0 no-repeat;
margin:0 auto;
float:left;
position:relative;
top:-10px;
padding-left:30px;
}

Und hier die Navi:

div#footer ul#footer-navi {
position:relative;
width:350px;
top:6px;
left:380px;
list-style:none;
}

Gruß

Tren

 

[lachender_engel]

AW: Positionierung - finde den Fehler nicht!

Ich will den IE nicht verteufeln, im Gegenteil, doch setze die Navi für den FF/Opera richtig und arbeite dann mit den bekannten IE-Hacks.
Nutze im FF Firebug, mit dem kannst Du sehr gut im CSS Änderungen On-The-Fly ausprobieren und sehen, woran es hängt.

 

[cebito]

AW: Positionierung - finde den Fehler nicht!

Der IE ist das Problem, schreib es erst richtig und gib dem IE sein Extrabrot...

div#footer ul#footer-navi {
    position:relative;
    width:350px;
    left:400px;
    list-style:none;
}
*html div#footer ul#footer-navi {
    top:6px;
}

 

[Tren]

AW: Positionierung - finde den Fehler nicht!

Habs jetzt für FF und Co angepasst, schauen wir mal ob ich das mit dem IE nun hinkriege, falls jemand eine Idee hat was IE hierfür von mir verlangt dann ...

@lachender_engel Firebug ist echt klasse, kannte ich bisher noch nicht, arbeite bisher nur mit WebDeveloper ... Danke.

 

[cebito]

AW: Positionierung - finde den Fehler nicht!

Habs jetzt für FF und Co angepasst, schauen wir mal ob ich das mit dem IE nun hinkriege, falls jemand eine Idee hat was IE hierfür von mir verlangt dann ...

Steht doch schon da:

*html div#footer ul#footer-navi {
 top:6px;
}

Das "*html" interpretiert nur der IE...

 

[Tren]

AW: Positionierung - finde den Fehler nicht!

Aaaa, sorry, hab ich übersehen.

Danke dir, jetzt klappts

 

[leohh]

AW: Positionierung - finde den Fehler nicht!

Dein Problem im IE entsteht aufgrund von fehlender Markupauszeichnung.
Du hast z.T. konfuse leere divisionen die absolut unnoetig sind.
Ausserdem ist das floaten, dass ich bei dir sehe total unnoetig.