zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Verschobenes Design im Firefox

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.08.2006, 14:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.08.2006
Beiträge: 1
JimPanse befindet sich auf einem aufstrebenden Ast
Standard 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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.08.2006, 15:38
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
 
Registriert seit: 27.01.2005
Beiträge: 1.325
E|H befindet sich auf einem aufstrebenden Ast
Standard

1. Es gibt hier im Forum ein Code-Tag. So ist der Quelltext unlesbar.
2. Du gehst die Sache falsch an. Nicht der Firefox soll deine Seite so anzeigen, wie der IE, sondern eher umgekehrt. Der IE macht vieles falsch, der FF nicht. Ehrlich gesagt sollen beide die Seite so anzeigen, wie du es willst, nicht der IE wie der FF oder umgekehrt.
3. Wenn das tatsächlich dein ganzer Quelltext ist: Da fehlt die DTD.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:42 Uhr.