Antworten auf deine Fragen:
Neues Thema erstellen

Positionierung - finde den Fehler nicht!

Tren

Knippser

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

Aktives Mitglied

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

undefined

AW: Positionierung - finde den Fehler nicht!

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

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

Tren

Knippser

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

undefined

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:
Code:
*html div#footer ul#footer-navi {
 top:6px;
}
Das "*html" interpretiert nur der IE...
 

leohh

CSS verliebt

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.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.527
Neuestes Mitglied
Christian Eidelloth
Oben