Rozvržení stránky

Mám takový malý dotaz. Rozvrhl jsem si stránku na hlavičku, levou stranu, obsah, pravou stranu a patičku. Rozpočítal jsem to přesně na px aby to pěkně navazovalo. Dal jsem si border abych viděl jak to vypadá ale to co sem viděl nebylo to co jsem chtěl. Kromě hlavičky, obsahu a pravé strany nebylo vidět nic a k tomu pravá strana byla odsazená kdesi daleko. Pokud jsem toto ovšem otevřel v Dremaweaveru bylo vše naprosto v pořádku. Můžete mi prosím poradit kde mám chybu? Děkuji mockrát.

No já na to koukal v IE, Mozille a Opeře všude je to stejně rozházený. Jen v tom programu je to dobře a když se to snažím uspořádat v tom programu aby to bylo dobře pro ty prohlížeče tak to zase v tom DW zobrazuje chaoticky.

Nemám to na netu ještě tak hodím aspoň tu čsát zdroje.

#obsah {
position: absolute;
width: 650px;
top: 212px;
left: 225px;
border: 1px solid #000000;
height: 500px;
}
#hlavicka {
position: absolute;
width: 650px;
top: 10px;
left: 224px;
border: 1px solid #000000;}
height: 200px;
#levy {
position: absolute;
width: 110px;
top: 212px;
left: 114px;
border: 1px solid #000000;
background: #ffffff;
height: 400px;
}
#pravy {
position: absolute;
width: 110px;
top: 212px;
left: 876px;
border: 1px solid #000000;
background: #ffffff;
height: 400px;
}

#paticka {
position: absolute;
width: 874px;
top: 614px;
left: 114px;
border 1px; solid #000000;
height: 150px;
}

....................................

<div id="obsah">. . .</div>
<div id="hlavicka">. . .</div>
<div id="levy">. . .</div>
<div id="pravy">. . .</div>
<div id="paticka">. . .</div>

no myslím že jinde by neměl být problém.

ta chyba u #hlavicka za solid je jen tu...jsem to nechtěně přehodil..

teď je to poskládaný správně. Alespoň v prohlížečích ale zase v DW mi to nějak nesedí a připadá mi že se souřadnice odvíjí od "obsahu" to nevím proč.

#hlavicka {
position: absolute;
width: 650px;
top: 10px;
left: 224px;
border: 0px solid #000000;
height: 200px;
}
#obsah {
position: absolute;
width: 650px;
top: 212px;
left: 224px;
border: 0px solid #000000;
background: #efe196;
height: 400px;
}
#levy {
position: absolute;
width: 110px;
top: 0px;
left: -111px;
border: 0px solid #000000;
background: #ffffff;
height: 400px;
}
#pravy {
position: absolute;
width: 110px;
top: 0px;
left: 651px;
border: 0px solid #000000;
background: #ffffff;
height: 400px;
}

#paticka {
position: absolute;
width: 650px;
top: 400px;
left: 0px;
border 1px; solid #000000;
background: #1edc54;
height: 100px;
}

Aha takže do position mám napsat co aby se souřadnice odvíjeli od nultého bodu levého horního rohu?

no jenže bez pozicování se mi to divně roztáhne a height mi nejde změnit.

respektive nejde měnit nic. Namáčklo se mi to nalevo. A souřadnice Top...Left ap. nebere v potaz.