|
|||
Ansicht in Mozilla unterschiedlich von explorer
Hallo zusammen,
gibt es einen Trick? Ich habe eine CSS basierte Seite, die im Explorer korrekt angezeigt wird. Im Mozilla allerdings einen Abstand zeigt zwischen <div id="inhalt"> und <div id="navigation" Bitte um Hilfe Grüße Zarah |
Sponsored Links |
Sponsored Links |
|
|||
Sorry, hier der Code:
HTML Code:
<body onLoad="MM_preloadImages('img/vita_2.jpg','img/oper_2.jpg','img/konzert_2.jpg','img/fotos_2.jpg','img/diskografie_2.jpg','img/duo_2.jpg','img/Kontakt_2.jpg')"> <p> <div id="inhalt"> <h1> Hier entsteht in Kürze der Internetauftritt <br> von ...<br>Bitte haben Sie noch etwas Geduld </h1> </div> <div id="bild"><img src="img/FraukeMay_1.jpg" width="187" height="268"></div> <div id="navibereich"> <ul> <li><a href="pages/vita.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','img/vita_2.jpg',1)"><img src="img/vita.jpg" name="Image2" width="211" height="77" border="0"></a><a href="pages/oper.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','img/oper_2.jpg',1)"><img src="img/oper.jpg" alt="oper" name="Image3" width="42" height="77" border="0"></a><a title ="Vita" href="pages/vita.htm"></a><a href="pages/konzert.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','img/konzert_2.jpg',1)"><img src="img/konzert.jpg" alt="Konzert" name="Image4" width="64" height="77" border="0"></a><a href="pages/fotos.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','img/fotos_2.jpg',1)"><img src="img/fotos.jpg" alt="Fotos" name="Image5" width="50" height="77" border="0"></a><a href="pages/diskografie.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','img/diskografie_2.jpg',1)"><img src="img/diskografie.jpg" alt="Diskografie" name="Image6" width="86" height="77" border="0"></a><a href="pages/duo.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','img/duo_2.jpg',1)"><img src="img/duo.jpg" alt="Duo" name="Image7" width="71" height="77" border="0"></a><a href="pages/kontakt.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','img/Kontakt_2.jpg',1)"><img src="img/Kontakt.jpg" alt="Kontakt" name="Image8" width="276" height="77" border="0"></a></ul> </div> #inhalt{ position: absolute; overflow:auto; top:155px; left:242px; width:309px; height:340px; padding:10px; margin:5px; } #bild{ position: absolute; top:270px; left:612px; width:185px; height:225px; } /************* MENU ************/ #navibereich{ position:absolute; top:520px; left:-60px; } |
|
|||
|
|
|||
Unterschiedliche Ausgabe der Seiten in mozilla und explorer
Hallo zusammen,
hier nochmal meine Frage, diesmal komplett und hoffentlich verständlich. Das Problem ist sichtbar auf der Seite: Frauke May Zwischen Inhalt und Navigation wird im mozilla ein Abstand angezeigt, der nicht sein soll. Hier der HTML Code Code:
<body onLoad="MM_preloadImages('img/vita_2.jpg','img/oper_2.jpg','img/konzert_2.jpg','img/fotos_2.jpg','img/diskografie_2.jpg','img/duo_2.jpg','img/Kontakt_2.jpg')"> <p> <div id="inhalt"> <h1> Hier entsteht in Kürze der Internetauftritt <br> von ...<br>Bitte haben Sie noch etwas Geduld </h1> </div> <div id="bild"><img src="img/FraukeMay_1.jpg" width="187" height="268"></div> <div id="navibereich"> <ul> <li><a href="pages/vita.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','img/vita_2.jpg',1)"><img src="img/vita.jpg" name="Image2" width="211" height="77" border="0"></a><a href="pages/oper.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','img/oper_2.jpg',1)"><img src="img/oper.jpg" alt="oper" name="Image3" width="42" height="77" border="0"></a><a title ="Vita" href="pages/vita.htm"></a><a href="pages/konzert.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','img/konzert_2.jpg',1)"><img src="img/konzert.jpg" alt="Konzert" name="Image4" width="64" height="77" border="0"></a><a href="pages/fotos.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','img/fotos_2.jpg',1)"><img src="img/fotos.jpg" alt="Fotos" name="Image5" width="50" height="77" border="0"></a><a href="pages/diskografie.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','img/diskografie_2.jpg',1)"><img src="img/diskografie.jpg" alt="Diskografie" name="Image6" width="86" height="77" border="0"></a><a href="pages/duo.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','img/duo_2.jpg',1)"><img src="img/duo.jpg" alt="Duo" name="Image7" width="71" height="77" border="0"></a><a href="pages/kontakt.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','img/Kontakt_2.jpg',1)"><img src="img/Kontakt.jpg" alt="Kontakt" name="Image8" width="276" height="77" border="0"></a></ul> </div> </body> ----- und hier der dazugehörige CSS Code: body { font-family: Arial, Helvetica, sans-serif; background-image: url(img/Hintergrund.jpg); background-repeat:no-repeat; background-color: #000000; scrollbar-arrow-color:#8B0000; scrollbar-base-color: #FFFFFF; scrollbar-face-color: #FFFFFF; } #inhalt{ position: absolute; overflow:auto; top:155px; left:242px; width:309px; height:340px; padding:10px; margin:5px; } #bild{ position: absolute; top:270px; left:612px; width:185px; height:225px; } #navibereich{ position:absolute; top:520px; left:-60px; } --- Über Hilfe wäre ich sehr erfreut. Viele Grüße Zarah |
|
|||
Wo bei das nur das indirekte Problem ist. Das eigentlich Problem ist die unreflektierte Verwendung von "position: absolute" und von fixen Höhenangaben.
EDIT: Und nicht vergessen: [Invalid] Markup Validation of http://www.frauke-may.de/ - W3C Markup Validator Robin
__________________
CSS-Rauch! Nicht einatmen! |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Text rechtsbündig. Problem bei Mozilla und IE explorer | Mucux | CSS | 10 | 19.05.2009 21:24 |
Seite funktioniert mit Internet Explorer aber nicht mit Mozilla | Dariusum | (X)HTML | 4 | 28.03.2008 12:18 |
Explorer 6 vs Explorer 7 | Electrohunter | (X)HTML | 2 | 24.09.2007 17:23 |
div-layout mit schatten im explorer gehts aber mozilla nich? | timbonaut | CSS | 9 | 08.11.2005 17:03 |
Internet Explorer am robustesten | Anonymous | Offtopic | 2 | 20.10.2004 17:17 |