[timzim]

Hallo,

ich hab' ein Problem.
Ich habe eine Seite erstellt, die auf div-Tags beruht. Innerhalb dieser div-Tags befinden sich Texte, Bilder,...
Einige divs werden im FF korrekt dargestellt einige jedoch nicht. D.h. der Text, welcher sich in dem div-Tag befindet wird UNTER dem div-Tag angezeigt. Gleiches passiert mit einem Flash-Movie. Dieser wird auch unter der Positionierung des div-Tags angezeigt.
Im IE ist alles korrekt.
Leider kann ich keinen Link angeben, da sich die Seite im Intranet befindet. Die Admins arbeiten mit FF, der Geschäftsführer mit dem IE(
Ich hoffe ihr könnte mit diesen ANgaben etwas anfangen bzw. euch ein Bild machen. Die CSS-Datei könnte ich bei Bedarf posten.

Gruß

timzim

[cgdesign]

also ohne Code geht hier garnichts.

[toscho]

Bitte erstelle ein Testdokument, das auf die absolut notwendigen angaben reduziert wird (probier selber aus, was du weglassen kannst, ehe du es publizierst), und poste den Code hier. Mit deinen Angaben kann niemand auf Fehlersuche gehen.

Gruß
Thomas

[timzim]

/* CSS Document */
.ld {
	position:absolute;
	top: -2px;
}
#label {width: 714px; height: 62px; left: 35px; top: 11px; }
#layer1 {left:0px; top:100px; width:100%; height:200px; background-color:#7a8c98;}
#layer2 {left:0px; top:89px; width:200px; height:100%; background-color:#9caeba;}
#layer3 {left:200px; top: 100px; width:400px; height:200px; padding:0; margin:0; }
#layer4 {left:245px; top:330px; width:550px; height:100%; padding-right:20px; background-color:#ffffff; border-right-style:solid; border-width:5px; border-color:#9caeba;}
#layer5 {left:600px; top:100px; width:200px; height:200px; background-color:#cdcdcd;}
#layer6 {float:left; top:301px; width:80%; height:10px; background-color:#78de45;}
#layer7 {left:0px; top:79px; width:100%; height:20px; background-color:#80FF00;}
#layer8 {left:0px; top:0px; width:170px; height:5px; background-color:#80FF00;}
#layer9 {left:170px; top:0px; width:100%; height:5px; background-color:#6895b4;}
#layer10 {left: 0px; top: 6px; width: 100%; height:80px; background-image:url(bg_1pic.jpg);}
#adress {padding-top:45px; padding-left:30px;}

body {margin:0px; padding:0px; background-color:#ffffff;}
h1,h2,h3,h4,h5,h6,p,td,li,div,input,select,textarea {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;}
h1 {margin:0px; font-size:14px; font-weight:bold; padding-bottom:15px;}
h2 {font-size:13px; font-weight:bold;}
h3 {font-size:11px; font-weight:bold;}
p,td,li,input,select,textarea {font-size:12px; line-height:16px;}
p.bodytext {margin:0px;}
div {font-size:0px; box-sizing:border-box; -moz-box-sizing:border-box;}

td {vertical-align:top;}
hr {height:0px; border-style:none none solid none; border-width:1px; border-color:#666666;}
p.label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:36px; color:#777777; padding-top:30px;}

#menu {left:0px; top:103px; width:200px; height:100%; background-color:#9caeba; }
#menu a {display:block; text-decoration:none; border-bottom-style:solid; border-width:1px; border-color:#ffffff; }
#menu a.menu {padding-left:34px; line-height:32px; font-size:11px; font-weight:bold; color:#ffffff;}
#menu a.menu:hover {color:#ffffff; background-color:#6895b4;}
#menu a.menu:act {padding-left:34px; line-height:32px; font-size:11px; font-weight:bold; color:#ffffff; background-color:#6895b4;}

#zusatz {left:10px; top:400px; width:180px; height:137px; background-color:red; border-style:solid; border-bottom-style:none; border-width:1px; border-color:red; }
#zusatz a {display:block; text-decoration:none; background-color:white; border-bottom-style:solid; border-width:1px; border-color:red; vertical-align: middle; background-image:url(notdienst_riesig.gif); background-repeat:no-repeat; background-position:0 50%; }
#zusatz a.zusatz {padding-left:34px; line-height:33px; font-size:11px; font-weight:bold; color:red; vertical-align: middle; }
#zusatz a.zusatz:hover {color:#ffffff; background-color:red; vertical-align: middle; background-image:url(notdienst_riesig2.gif); background-repeat:no-repeat; background-position:0 50%;}
#zusatz a.zusatz:act {padding-left:34px; line-height:33px; font-size:24px; font-weight:bold; color:#ffffff; background-color:#6895b4; vertical-align: middle;background-image:url(notdienst_riesig2.gif); background-repeat:no-repeat; background-position:0 50%;}

Und so ungefähr der HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css" />


</head>
<body>
<div id="layer8" class="ld"></div><div id="layer9" class="ld"></div>
<div id="layer10" class="ld">Label-Text</div>
<div id="layer1" class="ld"></div>
<div id="layer6" class="ld">

SMENUE HIER!!!</p></div>
<div id="layer4" class="ld"></div>
<div id="menu" class="ld">WIR ÜBER UNSLAGEPRODUKTEANFAHRTLIEFERANTENINFO</div>
<div id="zusatz" class="ld">

LINKLIST!</p></div>
<div id="layer7" class="ld"></div>
<div id="layer3" class="ld">
<OBJECT  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
 WIDTH=400 HEIGHT=200>
 <PARAM NAME=movie VALUE="movie.swf"> <PARAM NAME=loop VALUE=false> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF>  <EMBED src="movie.swf" loop=false quality=high bgcolor=#FFFFFF  WIDTH=400 HEIGHT=200 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">&</EMBED>
<embed src="movie.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="200">
</embed></OBJECT>
</div>
<div class="ld" id="layer5">
<p id="adress">Unsere Adresse
Teststr. 1
12345 Musterstadt
</p></div>
</body>
</html>

Geht das?

[Boris]

Oha ... das sieht stark nach automatischem DW-Code (oder ähnlich aus). Womit ist der erstellt?

[toscho]

Zitat von toscho

Bitte erstelle ein Testdokument, das auf die absolut notwendigen Angaben reduziert wird (probier selber aus, was du weglassen kannst, ehe du es publizierst)

Ist das wirklich so schwer? Ich helfe dir gerne, aber ich werde mich ganz sicher nicht durch diese Codewüste wühlen.

[timzim]

Editor (Start- Programme- Zubehör)?
Könnte sein, dass der DW eingesetzt wurde, aber da bin ich mir nicht sicher. Die CSS-Datei ist jedenfalls ein reines Editor-Produkt.

[Boris]

Der Code ist das reinste Chaos und DIV-Suppe. Da sollte man eher alles in die Tonne treten und von Grundauf neu und vor allem sauber schreiben.

http://css.fractatulum.net/sample/suppe/div_suppe1.htm
http://www.vorsprungdurchwebstandard...trocoding.html

Ich machs gern zum Spottpreis