Div korrekt in IE, verschoben in FF

Computer: Software & Programmierung HTML & CSS
#1

Hi Leute - Stehe da vor einem Problem welches wahrscheinlich einfach zu lösen ist mir jedoch grosse Mühe bereitet. Habe eine Seite gebasteltet auf welcher unter dem div „slider“ ein div „cssmenu“ folgt. Im IE wird dieses Menü richtig angezeigt, im FF jedoch ist es nach rechts verschoben.

Die Seite ist hier:
http://www.host-art.com/sgpl/Academy.Lipperswil/inde…

Wenn ich den div "slider herausnehme wird das Menü auch im FF richtig angezeigt. Habe schon etliches ausprobiert jeodch ohne Erfolgt. Weiss nicht ob es am div „slider“ oder „cssmenu“ liegt.

Hier die beiden CSS:

#slider {
float: left;
height: 600px;
width: 950px;
padding-top: 10px;
padding-right: 25px;
padding-left: 25px;
}
#cssmenu {
border-radius: 5px 5px 0 0;
float: left;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
margin: 0px;
}

#2

Ich kann dir leider nicht helfen, da du auf deiner Seite den Rechtsklick deaktiviert hast. Das solltest du nicht tun. Änder das, dann denke ich kann ich dir sofort ne Antwort geben.

#3

Versuch aber mal beim CSSMENU das padding-left: 25px; rauszunehmen.

#4

hallo, ich kann dir leider nicht weiterhelfen!

#5

Hi Jimmy - Wenn ich das padding-left rausnehme hängt im IE das ganze direkt an der rechten aussenlinie. Im FF hingegen rückt es etwas weiter nach links jedoch nicht so wie im IE

Versuch aber mal beim CSSMENU das padding-left: 25px;
rauszunehmen.

#6

das ist mir nicht bewusst. bei mir funktioniert der rechtsklick

Ich kann dir leider nicht helfen, da du auf deiner Seite den
Rechtsklick deaktiviert hast. Das solltest du nicht tun. Änder
das, dann denke ich kann ich dir sofort ne Antwort geben.

#7

Empfehle die FF Erweiterung firebug und damit Überprüfung des gerenderten DOM-Baumes.
Das erste - im Menü („Team“) enthält einen nicht sichtbaren und nicht klickbaren Anchor. Der hat dennoch Layouteigenschaften und verbraucht Raum. Wenn man dieses Element in Firebug entfernt, verschwindet die unerwünschte Einrückung.
Der Fehler ist genauso auch in Chrome sichtbar.

#8

Hi,
ff und opera stellen es verschoben dar, beim ie nicht. das liegt an der interpretation des ie beim width, soweit ich das problem kenne.
Versuche zunächst mal den doctype wegzulassen, braucht html5 nicht mehr.
Dann gebe bei beiden width entweder 100% oder 600px ein.
auf alle fälle den gleichen Wert, sonst sucht sich der browser eben das passende aus…

#9

Hi Michael,

sorry habe im Moment keine Zeit schaue aber nochmal genau nach.

Cu Stefan

#10

Hey Michael,

das ganze scheint mir durch das javascript zu kommen, konnte zumindest auf die schnelle keinen Fehler im HTML/CSS finden. Ums vernünftig zu lösen solltest du dir deine Javascripts nochmal anschauen. Für ne schnelle Übergangslösung könntest du auch das erste Listelement (Team) auf 65 Pixel Breite setzen.

Du hast übrigens einige leere links in deinem HTML Code.

Viel Erfolg!

#11

Hallo,

zuerst eine Info für dich:
Bei mir wird die Navigation in allen Browsern ein Stück nach rechts verschoben… (eventuell hast du etwas verändert, kann ich leider nicht sagen).

So, das Problem hat definitiv mit den verschiedenen Browsern zu tun. Meist ist der IE das Problemkind, da dieser nicht alle HTML / CSS Eigenschaften kennt, bzw. diese unter anderen Namen kennt.
Hier hilft nur, dass du für jeden Browser entweder eine eigene CSS-Datei bastelst, oder in eine CSS-Datei die Eigenschaften für jeden Browser schreibst.
Ein paar Übersichten, welche das sind, findest du hier:

http://jendryschik.de/wsdev/einfuehrung/css/browserk…
http://www.quirksmode.org/css/contents.html
http://www.css4you.de/wsboxmodell/index.html

Gruß,
MatrixRetoastet