#1 6. Mai 2009 Zuletzt von einem Moderator bearbeitet: 14. April 2017 Problem mit IE Hi hab ein Problem mit dem IE bei einer horizontalen Navi mit CSS. So sollte es aussehen und sieht es auch in jedem Browser(außer IE) aus {bild-down: https://www1.xup.in/tn/2009_05/20567545.jpeg} Und so schaut es im IE aus index.htm Code: <ul id="navi"> <div id="rand_l"> </div> <li class="link1"><a href="#">Seite 1</a></li> <li class="link2"><a href="#">Seite 2</a></li> <li class="link3"><a href="#">Seite 3</a></li> <li class="link4"><a href="#">Seite 4</a></li> <li class="link5"><a href="#">Seite 5</a></li> <li class="link6"><a href="#">Seite 6</a></li> <div id="rand_r"> </div> </ul> test style.css Code: ul#navi { width:1002px; margin: 0; padding: 0; text-align:center; height:28px; } ul#navi #rand_l{ width:21px; background:url(images/navi_rand_l2.jpg); background-repeat:no-repeat; float:left; height:28px; } ul#navi #rand_r{ width:21px; background:url(images/navi_rand_r3.jpg); background-repeat:no-repeat; float:right; height:28px; } ul#navi li { float:left; list-style:none; width:160px; display:inline; height:28px; } ul#navi li.link1{ background:url(images/navi_btn1.jpg) } ul#navi li.link2{ background:url(images/navi_btn2.jpg) } ...(bis link6) ul#navi a{ text-decoration: none; font-weight: bold; } ul#navi a:hover{ color: white; background-color: gray; } Ich vermute es handelt sich dabei um diesen Boxbug vom IE, weiß aber nicht wie ich diesen korrigieren kann. Hat da jemand vielleicht eine Idee? Für sonstige Anregungen am Code bin ich auch zu haben Danke schonmal! Greetz Edit: Hier auch nochmal zum herunterladen No File | xup.in + Multi-Zitat Zitieren
#2 6. Mai 2009 AW: Problem mit IE HTML: <!--[if IE]> <style type="text/css"> </style> <![endif]-- da knallste denn deinen Code rein, der das korriegiert.. wird dann nur vom IE interpretiert.. den anderen Browsern ist das egal.. Kannst hinter das IE auch zB IE 5 machen oder ein >= IE 7.... wenns nur beim IE5 so ist.. + Multi-Zitat Zitieren
#3 6. Mai 2009 AW: Problem mit IE Ja das ist klar, aber ich weiß ja nicht wo der Fehler liegt -.- Also warum der IE das nicht peilt und jeder andere Browser schon + Multi-Zitat Zitieren
#4 7. Mai 2009 AW: Problem mit IE ich tippe, dass der IE die breite falsch interpretiert... Mach das einfach ma nen bissl breiter.. außerdem wärs recht intelligent mal die Bilder zu uppen, bzw das ganze als fertige HTML, weil sonst können wir nur vermute und nicht testen. + Multi-Zitat Zitieren
#5 7. Mai 2009 Zuletzt von einem Moderator bearbeitet: 14. April 2017 AW: Problem mit IE Habs mal hochgeladen No File | xup.in + Multi-Zitat Zitieren
#6 11. Mai 2009 AW: Problem mit IE Problem ist noch aktuell. Keiner eine Idee? + Multi-Zitat Zitieren
#7 11. Mai 2009 AW: Problem mit IE versuchs mal mit nem reset css das stellt alle browserspezifischen einstellungen zurück yahoo reset css meyerweb reset css + Multi-Zitat Zitieren
#8 12. Mai 2009 AW: Problem mit IE In eine Liste (ul / ol) sind nur Listelemente ( li ) erlaubt, Firefox kann es anscheinend trotzdem darstellen, der IE verhaspelt sich dann aber. Du musst in deiner Navigation "div" also nur durch "li" ersetzen: HTML: <li id="rand_l"> </li> <li class="link1"><a href="#">Seite 1</a></li> <li class="link2"><a href="#">Seite 2</a></li> <li class="link3"><a href="#">Seite 3</a></li> <li class="link4"><a href="#">Seite 4</a></li> <li class="link5"><a href="#">Seite 5</a></li> <li class="link6"><a href="#">Seite 6</a></li> <li id="rand_r"> </li> + Multi-Zitat Zitieren
#9 13. Mai 2009 AW: Problem mit IE Kannst dir auch was aus YAML abgucken... Du brauchst kein Div um die Navi: So würde ich es machen. Wenn es irgendwo anfangen soll und irgendwo aufhören und die Schrift sowieso in die Mitte wäre ein Trick z.B. wenn du die Grafik der Kästchen nich als ein ganzes Kästchen schneidest sondern zwei Kästchen und dafür in der Mitte anzufangen und dann den Link rechtsbündig fliessen zu lassen So quasi: {bild-down: http://250kb.de/u/090513/j/t/740708dd.jpg} Und wenn du keinen hover brauchst legst du das bild als bg auf die ul, dann kannst du das bgbild einfach laufen lassen und deine li´s als boxen darauf ausrichten bis es stimmt Solltest halt keine Pixel sondern em verwenden weil man die Site sonst nich hochzoomen kann. Gruß aus dem Schwabenland + Multi-Zitat Zitieren