Layout div css 3.03.2008

position: static – pozycjonowanie względem normalnego położenia, top left nie wpływa na sposób wyświetlania. Przesuwa inne bloki by wpasować bieżacy
position: relative;
top: 100px; left: 100px; - przesuwa bieżący blok w stosunku do normalnego położenia. Może powodować nachodzenie bloków na siebie.
position: absolute;
top: 100px; left: 100px; - blok wyświetlany jest w stosunku do górnego prawego rogu okna przeglądarki.
position: fixed; top: 100px; left: 100px; - blok wyświetlany w stosunku do ekranu. Przy przewijaniu pozostaje w tym samym miejscu.
float: right | left | none; - powoduje wyświetlenie bloków obok siebie (left, right)
z-index: 2; - element o takim z indeksie będzie przykrywane przez z-index: 1. z-index: 0 to okno przeglądarki.

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN" " HTTP://www.w3.org/TR/html4/loose.dtd"> 
<HTML> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<TITLE>divlayaut</TITLE>

<div id="strona"> 
      <div id="header">tu nagłówek</div> 
       <div id="lewa"> 
            tu lewa strona i ciekawe co z tego będzie 
        </div> 
        <div id="prawa"> 
             ciekawe jak zachowuje się prawa strona dużo br <br>
                    tu koniec tej sekcji 
        </div> 
    <div id="stopka"> tu stopka strony</div> 
</div> 
<div id="menu"> tu powinny być kolejne pozycje menue</div> 
</BODY> 
</HTML>

#strona{ 
	z-index: 2; 
	border-width: 1px; 
	border-style: solid; 
	border-color: blue; 
	padding: 0px; 
	width: 748px; 
	margin-left: 100px; 
	position: relative; 
	top: 0px; 
} 
#header{ 
	 
	background-color: Teal; 
	position: relative; 
	top: 0px; 
	left: 0 px; 
	width: 748 px; 
	border-bottom-style : solid; 
	border-bottom-width : 1px; 
	border-bottom-color : blue; 
	padding : 20px; 
	color: White; 
} 
#lewa{ 
	border: none; 
	padding: 10px; 
	width: 128px; 
	float: left; 
} 
#prawa{ 
	padding: 20px; 
	width: 559px; 
	float: right; 
	border-left-width : 1px; 
	border-left-style : solid; 
	border-left-color : blue; 
} 
#stopka{ 
	padding: 10px; 
	border-top-style: solid; 
	border-top-color: blue; 
	width: 728px; 
	clear: both; 
} 
#menu{ 
	position: fixed; 
	left: 100 px; 
	top: 100px; 
	width: 95px; 
}