|
|||
CSS-problem unter IE6
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 |
Sponsored Links |
Sponsored Links |
|
|||
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? Geändert von Ratatoeskr (09.08.2008 um 17:22 Uhr) |
|
|||
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ß |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Einbindung von frei erhältlichen Scripten - CSS Problem | DonL | CSS | 1 | 22.01.2011 16:09 |
Problem Browserweiche IE CSS | 00001 | CSS | 5 | 24.09.2010 10:23 |
Design Float IE6 Problem | koknarr | CSS | 10 | 05.09.2008 18:05 |
css problem mit ie6 | MRoth | CSS | 5 | 27.09.2007 00:42 |
CSS Navigation - Problem mit IE6 | pcklinik | CSS | 4 | 18.09.2007 12:04 |