ugrás a tartalomhoz

Floatra összeugrik a div-em

docker · 2005. Nov. 21. (H), 03.33
Mindenféle utánaolvasás után készítem első tableless oldalamat. De sajnos rögtön az elején gondom akadt. Biztos valami triviális, de még egy kicsit új nekem ez a dolog :)

A gondom az, hogy amint beállítom float:left-et, az #innerwrap div összeugrik, és a szövegem kilóg belőle. ;(

<html><head><style>
body {
	text-align: center;
	margin: 10px 0px;
	padding: 0;
	color: #AAA;
	}
#wrap {
	width: 780px;
	text-align: left;
	padding: 0;
	margin: 0px auto;
	}
	
#innerwrap {
	padding: 5px;
	background-color: #111;
	}

#content {
	width: 500px;
	float: left;
	margin: 0;
	padding-bottom: 20px;
	}
	
#menubar {
	width: 240px;
	padding-left: 0px;
	margin-left: 515px;
	}

</style></head><body>
<div id="wrap">
	<div id="innerwrap">
		<div id="content">
		Sed efferbui miser, sequens impetum fluxus mei relicto te, 
		et excessi omnia legitima tua, nec evasi flagella tua: 
		quis enim hoc mortalium? nam tu semper aderas misericorditer saeviens, 
		et amarissimis aspargens offensionibus omnes illicitas iucunditates meas, 
		ut ita quaererem sine offensione iucundari, 
		et ubi hoc possem, non invenirem quicquam praeter te, 
		domine, praeter te, qui fingis dolorem in praecepto et percutis, 
		ut sanes, et occidis nos, ne moriamur abs te.
		</div>
		<div id="menubar">
			<ul>
				<li>Menüelem</li>
				<li>Menüelem</li>
			</ul>
		</div>
	</div>
</div>
</body></html>
‹ Háttérhang CSS kinyiló menü ›
 ■
1

+1 div

nAgYu · 2005. Nov. 21. (H), 08.42
CSS:

#foot {
    clear: both;
    }
HTML:

...
<div id="menubar">
    <ul>
        <li>Menüelem</li>
        <li>Menüelem</li>
    </ul>
</div>
<div id="foot"></div>
...
Üdv.:

nAgYu
2

Köszönet

docker · 2005. Nov. 22. (K), 01.53
Persze ahogy az várható volt kiválóan működik. Remélem semmi nem lesz ami kedvemet szegje, hogy teljes mértékben átálljak a tabless oldalakra. Habár még az IE bugfixekbe nem annyira kezdtem bele :)

Ezer hála és köszönet érte!