[HaBo]

RemoteC · 29.01.12, 16:48

Servus!

Ausgangssituation ist ein horizontales Menü, das umgebende DIV ist so definiert:

Code:

#Bereich1{ /*links oben - topmenu*/
position:absolute;
float:left;
top:200px;
width:940px;
height:50px;
padding:0 10px 0 10px;
background-color:#761A2D;
color:#FFFFFF;
font-size:26px;
font-variant:small-caps;
text-transform:lowercase;
letter-spacing:0.1em;
line-height:50px;
text-rendering:optimizeLegibility; /*Unterschneidung aktivieren (FF macht das default ab 20px)*/

In diesem Menü sind nun die Menüpunkte in einer <ul> als Listeneinträge wobei diese als Blockelemente definiert sind.

Mein Problem ist, dass ich für das DIV in dem sich die <ul> befindet (innerhalb von #Bereich1), ein margin-top:-30px; machen muss damit die Menüpunkte horizontal mittig in dem Balken ausgerichtet sind. Ich kann das nicht nachvollziehen, auch wenn ich z.B. line-height ändere habe ich noch dieses Problem.

Für den IE brauch ich ein margin-top:-4px; umgesetzt mit dem * html Hack. Lustigerweise spricht auch der IE 8 auf diesen Hack an obwohl er das laut der Beschreibungen nicht tun sollte --> lösche ich das ganze aus dem CSS sind die Menüpunkte im IE 8 komplett versetzt. Gibt es dafür eine Erklärung?

Opera interpretiert das ganze aber auch so wie der IE und braucht daher ebenfalls ein "margin-top:-4px" damit das Menü korrekt dargestellt wird, leider konnte ich keinen Hack finden (rein im .css) der Opera (aller Versionen) anspricht.

Helfen würde mir eine Erklärung warum alle Browser außer IE & Opera (selber getestet + browsershots.org) das margin-top:-30px; brauchen oder wie ich Opera auch dazu bringe ein margin-top:-4px; zu verwenden.

lg

Anzeige

- Anzeige -

29.01.12, 16:48	#1 (permalink)
RemoteC Registriert seit: 11.07.05 Likes: 0	Star HTML Hack im IE8?! Opera CSS Hack? Anzeige Servus! Ausgangssituation ist ein horizontales Menü, das umgebende DIV ist so definiert: Code: #Bereich1{ /links oben - topmenu/ position:absolute; float:left; top:200px; width:940px; height:50px; padding:0 10px 0 10px; background-color:#761A2D; color:#FFFFFF; font-size:26px; font-variant:small-caps; text-transform:lowercase; letter-spacing:0.1em; line-height:50px; text-rendering:optimizeLegibility; /Unterschneidung aktivieren (FF macht das default ab 20px)/ In diesem Menü sind nun die Menüpunkte in einer <ul> als Listeneinträge wobei diese als Blockelemente definiert sind. Mein Problem ist, dass ich für das DIV in dem sich die <ul> befindet (innerhalb von #Bereich1), ein margin-top:-30px; machen muss damit die Menüpunkte horizontal mittig in dem Balken ausgerichtet sind. Ich kann das nicht nachvollziehen, auch wenn ich z.B. line-height ändere habe ich noch dieses Problem. Für den IE brauch ich ein margin-top:-4px; umgesetzt mit dem * html Hack. Lustigerweise spricht auch der IE 8 auf diesen Hack an obwohl er das laut der Beschreibungen nicht tun sollte --> lösche ich das ganze aus dem CSS sind die Menüpunkte im IE 8 komplett versetzt. Gibt es dafür eine Erklärung? Opera interpretiert das ganze aber auch so wie der IE und braucht daher ebenfalls ein "margin-top:-4px" damit das Menü korrekt dargestellt wird, leider konnte ich keinen Hack finden (rein im .css) der Opera (aller Versionen) anspricht. Helfen würde mir eine Erklärung warum alle Browser außer IE & Opera (selber getestet + browsershots.org) das margin-top:-30px; brauchen oder wie ich Opera auch dazu bringe ein margin-top:-4px; zu verwenden. lg Geändert von RemoteC (29.01.12 um 16:53 Uhr)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
HACK-IT.eu	user1900	Hacks & Crackmes	2	27.10.10 22:48
Hack Its	DragonRPA	Code Kitchen	0	03.07.07 11:27
Hack The Net	Crux	Off topic-Zone	9	20.09.04 18:17

[HaBo]

Star HTML Hack im IE8?! Opera CSS Hack?