[CSS] IE macht Abstand, wo keiner sein soll

6 Antworten | 5350 mal gelesen

1 von 1 1

Abalone	01.12.2006 21:06 Uhr
65193 Wiesbaden Mitglied seit: 27.11.2006 409 Besuche 3 Themen 33 Antworten Beitrag Vote 0 Punkte 0 Votes bisher › Vote now!	Hallo rundum, keine Ahnung, ob das hier der richtige Ort ist, aber vllt treiben sich ja doch ein paar Seelen herum, die mir helfen können ;) Es geht um ein horizontales Menü, dass von Opera und Firefox richtig positioniert wird, vom IE (6, wahrscheinlich aber auch allen anderen Versionen) nicht. So soll's aussehen So soll's nicht aussehen Warum macht der IE da einen etwa 2px großen Abstand? Auszug aus dem Quelltext: <body> <div id="center"> <!-- Beginn Logo --> <div id="logo"> <img src="../../img/header.gif" alt="xyz" /> </div> <!-- Ende Logo --> <!-- Beginn Haupt-Navigation --> <div id="main_nav"> <img src="../../img/nav/main_quality_aktiv.jpg" align="left" alt="Quality Consulting" /><a href="#" onFocus="if(this.blur)this.blur()" onMouseOver="hiLite('img02','b2');" onMouseOut="hiLite('img02','b1');"><img src="../../img/nav/main_technik.jpg" align="left" alt="Technische Gutachten" style="border:0;" name="img02" /></a><a href="#" onFocus="if(this.blur)this.blur()" onMouseOver="hiLite('img03','c2');" onMouseOut="hiLite('img03','c1');"><img src="../../img/nav/main_kfz.jpg" align="left" alt="KFZ-Sachverständige" style="border:0;" name="img03" /></a> </div> <!-- Ende Haupt-Navigation --> </div> </body> Und das Stylesheet: * { margin: 0; padding: 0; } #center { position:relative; width: 725px; margin:0px auto; padding: 0; } #logo { height:100px; width:762px; padding:0; margin:0; } #main_nav { height:252px; width:762px; text-align:left; vertical-align:top; margin:0; padding:0; } #main_nav img { vertical-align:top; } body { background: url('../img/bg_page.gif') repeat-x top; background-color:#7F8E90; margin: 0 0 20px 0; padding:0; } Weiß jemand Rat?
	"Ich bin in guter Laune in einer üblen Gegend." ~ Fehlfarben Tags: Internet Explorer\| Problem\| stylesheet\| css\|
Um zu Antworten musst Du Dich einloggen oder registrieren

Abalone	02.12.2006 14:12 Uhr
65193 Wiesbaden Mitglied seit: 27.11.2006 409 Besuche 3 Themen 33 Antworten	So, nach einigem Herumprobieren hab' ich das Problem jetzt gelöst. Nachdem ich jenes <!-- Beginn Logo --> <div id="logo"> <img src="../../img/header.gif" alt="xyz" /> </div> <!-- Ende Logo --> <!-- Beginn Haupt-Navigation --> <div id="main_nav"> <img src="../../img/nav/main_quality_aktiv.jpg" align="left" alt="Quality Consulting" /><a href="#" onFocus="if(this.blur)this.blur()" onMouseOver="hiLite('img02','b2');" onMouseOut="hiLite('img02','b1');"><img src="../../img/nav/main_technik.jpg" align="left" alt="Technische Gutachten" style="border:0;" name="img02" /></a><a href="#" onFocus="if(this.blur)this.blur()" onMouseOver="hiLite('img03','c2');" onMouseOut="hiLite('img03','c1');"><img src="../../img/nav/main_kfz.jpg" align="left" alt="KFZ-Sachverständige" style="border:0;" name="img03" /></a> </div> <!-- Ende Haupt-Navigation --> durch folgendes ersetzt habe <!-- Beginn Logo und Hauptnavigation --> <div id="logo"> <img src="../../img/header.gif" align="center" alt="xyz" /><img src="../../img/nav/main_quality_aktiv.jpg" align="left" alt="Quality Consulting" /><a href="#" onFocus="if(this.blur)this.blur()" onMouseOver="hiLite('img02','b2');" onMouseOut="hiLite('img02','b1');"><img src="../../img/nav/main_technik.jpg" align="left" alt="Technische Gutachten" style="border:0;" name="img02" /></a><a href="#" onFocus="if(this.blur)this.blur()" onMouseOver="hiLite('img03','c2');" onMouseOut="hiLite('img03','c1');"><img src="../../img/nav/main_kfz.jpg" align="left" alt="KFZ-Sachverständige" style="border:0;" name="img03" /></a> </div> <!-- Ende Logo und Hauptnavigation --> funktioniert es auch im IE wunderbar. Kurz zusammengefasst: <div id="main_nav"> rausgeschmissen, die Navigation in den Logo-Div-Container reingeknallt und dem header.gif noch ein align="center" verpasst, jetzt geht's
	"Ich bin in guter Laune in einer üblen Gegend." ~ Fehlfarben Geändert von Abalone (02.12.2006 um 14:14 Uhr).
Um zu Antworten musst Du Dich einloggen oder registrieren

hexi	03.12.2006 15:16 Uhr
45678 Irgendwo Mitglied seit: 24.11.2006 61 Besuche 0 Themen 2 Antworten	looooooooooooool ... also mehr als IE und Bahnhof hab ich nicht verstanden ... aber auf jeden Fall Glückwunsch... was auch immer Du gemacht hast.

Um zu Antworten musst Du Dich einloggen oder registrieren

Abalone	03.12.2006 19:40 Uhr
65193 Wiesbaden Mitglied seit: 27.11.2006 409 Besuche 3 Themen 33 Antworten	Zitat von hexi looooooooooooool ... also mehr als IE und Bahnhof hab ich nicht verstanden ... aber auf jeden Fall Glückwunsch... was auch immer Du gemacht hast. Na, immerhin scheint dich der Beitrag ja erheitert zu haben
	"Ich bin in guter Laune in einer üblen Gegend." ~ Fehlfarben Geändert von Abalone (03.12.2006 um 19:42 Uhr).
Um zu Antworten musst Du Dich einloggen oder registrieren

Abalone	09.12.2006 13:19 Uhr
65193 Wiesbaden Mitglied seit: 27.11.2006 409 Besuche 3 Themen 33 Antworten	Zitat von Markus das klingt gut ... habe nämlich aktuelle dasselbe Problem ... dann wohl gehabt ... danke .......... ..........
	"Ich bin in guter Laune in einer üblen Gegend." ~ Fehlfarben
Um zu Antworten musst Du Dich einloggen oder registrieren

Bernd	09.12.2006 22:59 Uhr
38122 Braunschweig Mitglied seit: 08.12.2006 405 Besuche 0 Themen 10 Antworten	Na, das passiert, wenn man Image keine Position zuteilt. Tschü

Um zu Antworten musst Du Dich einloggen oder registrieren

noX	13.02.2007 18:10 Uhr
22767 Hamburg Mitglied seit: 12.02.2007 88 Besuche 1 Themen 13 Antworten	Vor allem das schlimmste am IE7 ist, das padding-height und -bottom ein wenig verücktspielen.
	Wir, die guten Willens sind, geführt von Ahnungslosen, versuchen für die Undankbaren das Unmögliche zu vollbringen. Wir haben schon soviel mit sowenig solange versucht, dass wir jetzt qualifiziert sind, fast alles mit nichts zu bewältigen.
Um zu Antworten musst Du Dich einloggen oder registrieren

1 von 1 1

Aktionen › User online: 157

Aktuelle Aktionen

schnell

langsam

Buttonbar