szablon z div'ami Opcje

[plurr]

witam, pare dni temu rozpoczalem swoja zabawe z css'em itp poniewaz musze zrobic jakis prosty szablon strony. Natknalem sie jednak na problem zwiazany z pozycjonowaniem, a mianowicie:

calosc strony jest w pierwszym div'ie glownym. Pozniej w nim, mam div(1) na logo, lewe menu- czyli nastepny div(2), stopke znow div(3) i jeszcze chcialbym taki div(4) w ktorym bedize glowna zawartosc strony - tresc.. Jednak problem w tym ze nie potrafie umiescic obok siebie na tej samej wysokosci div'a 2 i 4. 3 jest poprawnie, a 4 na samym dole pod nim. Jak wypozycjonowac te divy aby stanowily normalną calosc ?

Z gory dziekuje.

[sticker]

zainteresuj sie właściwością float w css , poza tym dobrze by było poszukać w twoim przypadku jakiegoś gotowego szabloniku css co byś mógł w kod zajrzeć (poszukaj w google free css template i powinno coś ciekawego wyskoczyć na czym oprzesz swoje następne próby)

[plurr]

stosuje float, jednak byc moze nie do konca dobrze :F
poki co, czy moglbys zerknac na ten kod ?

[HTML] pobierz, plaintext 
<div style="width: 755px; height: 100%;"> <!-- calosc--> 
 
<!--- logo -- jakies logo--->
<div style="text-align: center; vertical-align: top;"><img src="images/logo.JPG" width="755px"/></div>
 
 
 <!--- menu --><div align="left" style="height: 100%; width: 150px; border: 1px solid #EAFFF5; background: #F3F3F3; border-left: 2px solid #97CCFF;"> tu bedzie menu </div>
 
 
 
 
<!--srodek ten ktory sie rozlazi--> 
<div style="border: 1px solid black; width: 400px; valign: top; float: right; margin: 20px;">menu srodek</div>
 
 
 
 
 
 
<!--stopka-->
<div align="right" style="color: #474747; border: 1px solid Black; border-bottom: 0px; border-left: 0px; border-right: 0px; width: 755px; font-size: x-small; vertical-align: sub;">powered 
by: <a href="mailto: xytrass@o2.pl" style="color:#474747;">jakas stopka</div></div>
[HTML] pobierz, plaintext 

srodek, jest na dole strony, kolo stopki, powinien byc na gorze po prawej stronie od menu. :/


/update/
aa juz sobie poradzilem (IMG:http://forum.php.pl/style_emoticons/default/guitar.gif) tak jak napisalem zle wstawienie float (IMG:http://forum.php.pl/style_emoticons/default/guitar.gif) (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Ten post edytował plurr 12.07.2007, 12:45:39