[runner]

Hallo ich habe mir für meine blaue Leiste (DIV:menu) eine Zeile angelegt "menu1" in welcher "Newsletter bestellen" und "Impressum" steht.

Nun passt es soweit under dem Firefox, unter dem IE (getestet mit IE 6) jedoch schiebt der Brwoser die beiden Marker (Suche und die Newsletterzeile) nach rechts.

Hier die Adresse: betatests

Und hier mein CSS:

#menu{
margin-top:1px;
position:relative;
text-align: right;
font-size: 8px;
width: 100%;
height: 20px;
color:#C2C2C2;
background-color:#003366;
}


#menusearch{
margin-top:2px;
margin-left: 199px;
position:absolute;
float: left;
font-size: 10px;
width: 200px;
height: 13px;
color:#C2C2C2;
}


#menu1{
margin-top:2px;
margin-left: 530px;
position:absolute;
float: left;
font-size: 10px;
width: 250px;
height: 17px;
color:#C2C2C2;
}

#menu1 p{
font-size: 10px;
color:#C2C2C2;
float:right;
}

#menu1 a{
text-decoration:none;
color:#C2C2C2;
font-size: 10px;
}

#menu1 ul li a:hover{
color:#C2C2C2;
}



Es geht um "Menu1" und "menusearch". DIese sollen innerhalb des DIVs "Menu", siehe Firefox, da wird es richtig angezeigt positioniert werden.

Hat jemand Ideen bzw. Tipps für mich`?

Danke und Gru0

[hubspe]

Hi,

dieser Fred war doch schon einmal etwas abgewandelt mit dem gleichen Problem.

Die meisten Tips die du dort bekommen hast du offensichtlich nicht umgesetzt:

Dein Browser ist immer noch im Quirksmodus.
Die Links sind immer noch nicht in einer Liste, d.h. das Tut zu Menüs in der CSS-FAQ hast du dir wohl nicht angeschaut.
Du hantierst immer noch mit Tabellen rum.

Deine Webseitensuche ist ein Formular und gehört als solches augezeichnet.
Bei deinem Menü hat a kein "Layout" für den IE.

Aber was red ich,*seufz*, setz erst mal die Tips um, dann schaun mer weiter.

Gruß
Klaus

[Ratatoeskr]

Mach doch aus deinen

#menusearch{
margin-top:2px;
margin-left: 199px;
position:absolute;
float: left;
font-size: 10px;
width: 200px;
height: 13px;
color:#C2C2C2;
}

ein

#menusearch{
position:absolute;
top:0px; <--- hier deinen Wert eintragen
left:0px; <--- hier deinen Wert eintragen
font-size: 10px;
width: 200px;
height: 13px;
color:#C2C2C2;
}

und aus deinem

#menu1{
margin-top:2px;
margin-left: 530px;
position:absolute;
float: left;
font-size: 10px;
width: 250px;
height: 17px;
color:#C2C2C2;
}

ein

#menu1{
position:absolute;
top:0px; <--- hier deinen Wert eintragen
left:0px; <--- hier deinen Wert eintragen
font-size: 10px;
width: 250px;
height: 17px;
color:#C2C2C2;
}

Warum? Wenn du ein Element absolut positionierst nimmst du es aus dem Textfluss heraus. Dann bringt dir float nichts mehr, weil dein Div keinen Platz mehr im Dokument reserviert bekommt.

Und wenn du schon absolut positionerst, würde ich das auch durchziehen. Und nicht ein Element absolut setzen, und dann mit Margins positionieren ( das hast du getan ).

Darum hat der IE auch gemeckert, weil du ein und das Selbe Element floaten, absolut setzen, und dann mit margins ausrichten wolltest.

Noch Fragen?

[runner]

Hallo!
@ Ratatoeskr
Dankeschön das hat mir genau gefehlt, supi

@hubspe, auch Danke soweit die ganzen Sachen muss ich noch überprüfen, jedoch kann ich nicht feststellen, das der Browser im Quirks-Modus sein soll. Im IE und im Firfox habe ich es mit "javascript:alert(document.compatMode)" getestet und bekomme bei beiden die Meldung "CSS1Combat" was ja soviel bedeutet wie das der Broser nicht im Quirks-Modus ist...!?

Ja das mit dem ul-Elementen muss ich noch einmal überprüfen

Lieben Gruß

[Ratatoeskr]

Gerne, freut mich das ich helfen konnte