CSS styl stránky - poradna.net

Ahoj, už si nevím rady s programováním stránky pomocí divů. Potřebuju naprogramovat stránku jako je na tomhle obrazku

http://img176.imageshack.us/my.php?image=strankavl1 .jpg

kde je cela stranka siroka 800 px. Pole 2,3,5,6 jsou siroky polovinu. Jo a tu stranku bych chtela moc centrovanou. Pomuze mi s tim nekdo? Umim to pomoci tabulky ale kdyz to zacnu delat v divech tak se mi to ruzne rozhazuje a furt se to nechce složil Díky

Předmět	Autor	Datum
Uděláš si jeden DIV jako "obal" stránky, tomu nastavíš pevnou šířku 800px (doporučuji méně, cca 770p… host 17.02.2007 22:35	host	17.02.2007 22:35
Ahoj, dostala jsem se až k tomuto: <html> <body> <div style="position:center; width: 800px; height:… verča 18.02.2007 00:48	verča	18.02.2007 00:48
Position: center - nic takového v CSS není. margin: 20 auto 20 auto; lze zkráceně zapsat margin: 20p… poslední host 18.02.2007 01:02	host	18.02.2007 01:02

Uděláš si jeden DIV jako "obal" stránky, tomu nastavíš pevnou šířku 800px (doporučuji méně, cca 770px) a okraje margin levý+pravý nastav na auto, horní+dolní dle potřeby. Tím se celá stránka vycentruje.

Do této obálky pak už umístíš ostatní DIVy, kterým nastavíš patřičnou šířku a zarovnání (float: left/right).

Ahoj, dostala jsem se až k tomuto:

<html>

	<body>

		<div style="position:center; width: 800px; height: 150px; margin: 20 auto 20 auto; background:green;">

			aaa

				<div style="float:left; width: 400px; height: 150px; margin: auto auto auto auto; background:red;">

				bbb

				</div>

				<div style="float:right; width: 400px; height: 150px; margin: auto auto auto auto; background:yellow;">

				ccc

				</div>

			ddd

		</div>

	</body>

</html>

a vrtá mi tam tato věc: jaktože samotný zelený pruh je 150px vysoký, ale ty dva se nezobrazí až pod ním ale na něm? Díky

Position: center - nic takového v CSS není.
margin: 20 auto 20 auto; lze zkráceně zapsat margin: 20px auto;
A doporučuju CSS zapsat zvlášť do hlavičky (později do externího souboru) a odkazovat se přes ID, je to přehlednější

Žlutý a červený DIV se nezobrazí NA zeleném DIVu, ale V zeleném, stačí se podívat na strukturu, jak jdou DIVy po sobě.

Zpět do poradny Odpovědět na původní otázku Nahoru