IE: floatende divs hüpfen KOMPLETT aus container-div raus

ventu · #1 (**permalink**) 19.11.2007, 23:53

Im Firefox ist alles bestens.

Im IE aber springt das im quelltext höchste div raus ins nächsthöhere, umgebende div.

habe den richtigen/gewollten container-div mit einem roten top-border gekennzeichnet.

hier bitte einsehen:
problemfall

(das problem mit den doppelten margins interessiert hier erstmal nicht..)

wer kann mir helfen?
danke

PS:
"position:absolute" und "clear" zusammen gehen nicht, oder?

nochmal als quelltext:

Code:

<head>

<title>problemfall</title>
<link href="css/layout_neu.css" rel="stylesheet" type="text/css" />
<link href="css/navi_neu.css" rel="stylesheet" type="text/css" />
<link href="css/table.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="contentcenter">
 <div id="pageBG">
 <div id="navcontainerH">
      <ul id="navlistH">
        <li id="subactiveH"><a href="sanitaer.html">Sanit&auml;r</a></li>
        <li><a href="heizung.html">Heizung</a></li>
        <li><a href="#">Alternative Energien</a></li>
        <span class="notruf">24 Stunden-Notruf:  0gnfngng0410</span>
      </ul>
    </div>
 <!--navcontainerH ende-->
    <div id="navcontainer">
      <ul id="navlist">
        <li><a href="index.html">Home</a></li>
        <li><a href="# "id="current">&Uuml;ber uns</a></li>
        <li><a href="#">Dienstleistungen</a></li>
        <li><a href="#">Referenzen</a></li>
        <li><a href="#">Kontakt</a></li>
        <br />
        <li><a href="#">Impressum</a></li>
      </ul>
    </div><!--navcontainer ende-->
<div class="tableposition" id="datatable">
      <table border="0" cellpadding="0" cellspacing="0">
        <tbody>
          table gekürzt
        </tbody>
      </table>
    </div>
<div id="rechtsbild">
<img src="pics/bild.jpg" alt="Sanit&auml;r" width="290" height="290" />
</div>

<div id="footer"><img src="pics/footer.jpg" /></div>
</div><!--pageBG ende-->
</div><!--contentcenter ende-->

</body>
</html>

css

Code:

#contentcenter {
	padding: 0px;
	margin-right: auto;
	margin-left: 0px; 	
	margin-top: 0px;
	text-align:left; /* part 2 of 2 centering hack */
	border-right: 0px solid #cccccc;
	border-left: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-top: 0px solid #cccccc;
	
	width: 1020px;
	background-image:url(../pics/footer_tile.jpg);
	background-repeat:repeat-y;
	}
#pageBG {
	background-image: url(../pics/bg_leer.jpg);
	background-repeat: no-repeat;
	border-right: 0px solid #FF3300;
	border-left: 0px solid #FF3300;
	border-bottom: 0px solid #FF3300;
	border-top: 2px solid #FF3300;
	}
#navcontainer {

	width: 150px;
	padding: 5px;
	margin-left: 33px;
	margin-top: 20px;
	float: left;
	}
#navcontainerH {
	padding: 5px;
	margin-left: 203px;
	margin-top: 135px;
	width: 800px;
	float: right;
	}
.notruf {
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:240px;
	}
.tableposition {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 370px;
	float:left;
	margin-left:30px;
	margin-top:25px;
	padding-bottom:100px;
	}
#rechtsbild {
	width:292px;
	float: left;
	margin-top:25px;
	margin-left:60px;
	}
#footer {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-right: 0px solid #0099CC;
	border-left: 0px solid #0099CC;
	border-bottom: 0px solid #0099CC;
	border-top: 0px solid #0099CC;
	background-color: #cccccc;
	width:1020px;
	clear:both;
	}

fricca · #2 (**permalink**) 20.11.2007, 00:09

Zitat:

Zitat von ventu

Im IE aber springt das im quelltext höchste div raus ins nächsthöhere, umgebende div.

Wie meinen?
Ich sehe, dass #pageBG "Layout" möchte.

Zitat:

"position:absolute" und "clear" zusammen gehen nicht, oder?

Nein.

Die Tabelle hat in deinem Inhaltsbereich nichts verloren. Für Überschriften gibt es H1 bis H6, Aufzählungen gehören in Listen.

ventu · #3 (**permalink**) 20.11.2007, 00:24

aaaaaaaaaaaaarrrrrrgghhh
aaaaaaaaaahha aahhhhhaa
aaaaaaaaaaaaaaaaaaaaaahhhhhhhhhhhhhhhhhh

ich meine...danke

ich hab daran gedacht! und ich dachte auch ich hätte das nachgeprüft...oh mann..
und die tabelle..ach ich mag die guten alten dinger

gute nacht und vielen dank!

fricca · #4 (**permalink**) 20.11.2007, 10:27

Zitat:

Zitat von ventu

und die tabelle..ach ich mag die guten alten dinger

Wenn du sie magst, dann missbrauche sie nicht.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS Text nebeinander?	carstiee09	CSS	13	13.11.2009 19:18
Fullscreen Container mit internen divs	purewhite	(X)HTML	1	02.11.2009 15:24
joomla template entschlüsseln	nieselfriem	CSS	2	18.03.2008 13:12
divs in div gleichmäßige größe	cb01	(X)HTML	7	17.02.2008 20:05
div bereich nach anderen divs ausrichten	pixel	CSS	0	03.02.2007 23:49