|
|||
Verschobenes Design im Firefox
Hallo alle zusammen!
Als erstes: sehr nettes Forum! Als zweites: ich hab da ein Problem! Im IE funktioniert die Seite einwandfrei! Aber im Firefox schaffe ich es einfach nicht, daß die Seite so aussieht wie im IE! Muß auch gestehen das ich mich mit css auch noch nicht soooooo gut auskenne! Wenn mir jemand weiterhelfen könnte wäre das wirklich spitze! Ich verzweifel langsam dran! Hier der Quelltext: <html> <head> --> <link href="Ohne%20Titel.css" rel="stylesheet" media="screen"> <style type="text/css" media="screen"><!-- #oben { position: absolute; z-index: 0; top: 0px; left: 0px; width: 950px; height: 395px; visibility: visible; display: block } #Ebene1 { position: absolute; top: 8px; left: 130px; width: 202px; height: 150px; visibility: visible; display: block } #Ebene8 { background-color: #6f7072; padding-top: 2px; border: solid 2px white; position: absolute; top: 183px; left: 449px; width: 120px; height: 27px; visibility: visible; display: block } #Ebene7 { background-color: #00a2c7; padding-top: 2px; border: solid 2px white; position: absolute; top: 183px; left: 689px; width: 120px; height: 27px; visibility: visible; display: block } #Ebene6 { background-color: #6f7072; padding-top: 2px; border: solid 2px white; position: absolute; top: 183px; left: 569px; width: 120px; height: 27px; visibility: visible; display: block } #Ebene4 { background-color: #6f7072; margin-top: 0px; margin-left: 0px; padding-top: 2px; border: solid 2px white; position: absolute; z-index: 15; top: 183px; left: 809px; width: 120px; height: 27px; visibility: visible; display: block } #inhaltrahmen { background-color: #ffffff; padding-top: 27px; border-bottom: 10px solid #6f7072; position: absolute; z-index: 15; top: 209px; left: 174px; width: 755px; height: 505px; overflow: auto; visibility: visible; no-repeat: padding: 27px; display: block } #Ebene2 { font-style: normal; font-weight: 100; font-family: "Times New Roman", Georgia, Times; position: absolute; top: 699px; left: 12px; width: 100px; height: 19px; visibility: visible; display: block } #Fliesenbutton { background-color: #00a2c7; padding-top: 2px; padding-left: 0px; border: solid 2px white; position: absolute; z-index: 17; top: 0px; left: 0px; width: 151px; height: 27px; visibility: visible; display: block } #Plattenbutton { color: #6f7072; background: #6f7072 0px 0px; float: none; padding-top: 2px; border: solid 2px white; position: absolute; top: 0px; left: 151px; width: 151px; height: 27px; visibility: visible; no-repeat: padding: 0 1px 0 20px } #Beratungbutton { background: #6f7072 0px 0px; float: none; padding: 2px 0px 0px; border: solid 2px white; position: absolute; top: 0px; left: 453px; width: 151px; height: 27px; visibility: visible; no-repeat: padding: 0 1px 0 20px } #Informationbutton { background: #6f7072 0px 0px; float: none; padding: 2px 0px 0px; border: solid 2px white; position: absolute; top: 0px; left: 604px; width: 151px; height: 27px; visibility: visible; no-repeat: padding: 0 1px 0 20px } #Mosaikbutton { background-color: #6f7072; padding-top: 2px; border: solid 2px white; position: absolute; top: 0px; left: 302px; width: 151px; height: 27px; visibility: visible; display: block } --></style> <csscriptdict> <script type="text/javascript"><!-- function newImage(arg) { if (document.images) { rslt = new Image(); rslt.src = arg; return rslt; } } userAgent = window.navigator.userAgent; browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10); mustInitImg = true; function initImgID() {di = document.images; if (mustInitImg && di) { for (var i=0; i<di.length; i++) { if (!di[i].id) di[i].id=di[i].name; } mustInitImg = false;}} function findElement(n,ly) { d = document; if (browserVers < 4) return d[n]; if ((browserVers >= 6) && (d.getElementById)) {initImgID; return(d.getElementById(n))}; var cd = ly ? ly.document : d; var elem = cd[n]; if (!elem) { for (var i=0;i<cd.layers.length;i++) { elem = findElement(n,cd.layers[i]); if (elem) return elem; } } return elem; } function changeImages() { d = document; if (d.images) { var img; for (var i=0; i<changeImages.arguments.length; i+=2) { img = null; if (d.layers) {img = findElement(changeImages.arguments[i],0);} else {img = d.images[changeImages.arguments[i]];} if (img) {img.src = changeImages.arguments[i+1];} } } } // --></script> </csscriptdict> <csactiondict> <script type="text/javascript"><!-- var preloadFlag = false; function preloadImages() { if (document.images) { over_fliesen = newImage(/*URL*/'fliesen2.jpg'); over_platten = newImage(/*URL*/'platten2.jpg'); over_mosaik = newImage(/*URL*/'mosaik2.jpg'); over_beratung = newImage(/*URL*/'beratung2.jpg'); over_information = newImage(/*URL*/'information2.jpg'); preloadFlag = true; } } // --></script> </csactiondict> </head> <body onload="preloadImages();" bgcolor="#ebffff"> <div id="oben"> <div id="Ebene1"> <font color="#6f7072"><b> Text</b></font><font color="#6fcccc"><br> </font><font color="#00a2c7">Text</font><br> <br> </div> <img src="Unbenannt-2-Kopie.jpg" alt="" height="395" width="950" border="0"> <div id="Ebene8"> <div align="center"> <a href="(EmptyReference!)">Text</a></div> </div> <div id="Ebene7"> <div align="center"> <a href="(EmptyReference!)">Text</a></div> </div> <div id="Ebene6"> <div align="center"> <a href="(EmptyReference!)">Text</a></div> </div> <div id="Ebene4"> <div align="center"> <a href="(EmptyReference!)">Text</a></div> </div> </div> <div id="inhaltrahmen"> <a onmouseover="changeImages( /*CMP*/'fliesen',/*URL*/'fliesen2.jpg');return true" onmouseout="changeImages( /*CMP*/'fliesen',/*URL*/'fliesen.jpg');return true" href="#"><img src="fliesen.jpg" alt="" name="fliesen" height="215" width="151" usemap="#MapName209a14a" border="0"></a><a onmouseover="changeImages( /*CMP*/'platten',/*URL*/'platten2.jpg');return true" onmouseout="changeImages( /*CMP*/'platten',/*URL*/'platten.jpg');return true" href="#"><img src="platten.jpg" alt="" name="platten" height="215" width="151" border="0"></a><a onmouseover="changeImages( /*CMP*/'mosaik',/*URL*/'mosaik2.jpg');return true" onmouseout="changeImages( /*CMP*/'mosaik',/*URL*/'mosaik.jpg');return true" href="#"><img src="mosaik.jpg" alt="" name="mosaik" height="215" width="151" border="0"></a><a onmouseover="changeImages( /*CMP*/'beratung',/*URL*/'beratung2.jpg');return true" onmouseout="changeImages( /*CMP*/'beratung',/*URL*/'beratung.jpg');return true" href="#"><img src="beratung.jpg" alt="" name="beratung" height="215" width="151" border="0"></a><a onmouseover="changeImages( /*CMP*/'information',/*URL*/'information2.jpg');return true" onmouseout="changeImages( /*CMP*/'information',/*URL*/'information.jpg');return true" href="#"><img src="information.jpg" alt="" name="information" height="215" width="151" border="0"></a> <div id="Fliesenbutton"> <div align="center"><font color="white">Text</font></div> </div> <div id="Plattenbutton"> <div align="center"><font color="white">Text</font></div> </div> <div id="Beratungbutton"> <div align="center"><font color="white">Text</font></div> </div> <div id="Informationbutton"> <div align="center"><font color="white">Text</font></div> </div> <div id="Mosaikbutton"> <div align="center"><font color="white">Text</font></div> </div> <table width="750" border="0" cellspacing="2" cellpadding="2"> <tr> <td> <h1>Text</h1> <p>Text</p> </td> </tr> </table> </div> </div> <div id="infooter"> <div align="center"> <a href="(EmptyReference!)">Text</a> <div id="Ebene2"> <a href="(EmptyReference!)">Text</a></div> </div> </div> </body> </html> |
Sponsored Links |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fehlerhaftes design im Firefox | Schranz-Freak | (X)HTML | 1 | 29.09.2015 11:41 |
Firefox Android - Responsive Design | Lukbec | CSS | 0 | 27.02.2015 15:07 |
Problem mit Umsetzung von Design in css in Chrome, Firefox | icebreakerpm | CSS | 10 | 04.03.2013 00:15 |
Verschachteltes Design mit Firefox geht nicht | biotecs | CSS | 15 | 16.02.2006 15:50 |
Verschobenes Design in anderer Auflösung! | Pumpkin | CSS | 19 | 16.08.2005 01:38 |