Potrzebna pomoc w ulozeniu divow Opcje

[_kama]

Witam, potrzebuje ulozyc divy w taki sposob:
(IMG:http://users.twojepc.pl/~kama/img.gif)

oto kod:

Kod

.menu {width: 486px; height: 27px; background-image:url(gfx/menu.jpg); clear:both; float:left;}
    .header {height: 180px; width: 975px; padding: 0; margin: 0; background-color:#CCFFFF}
    .header p.logo {border: 0; float:left; width: 217px; height: 153px; background-color:#3399FF}
    .header p.adv {width:750px; height: 100px; border: 0; vertical-align:top; float:right; background-color:#FF00FF}
    .szukaj {width: 360px; height: 40px; background-color:#FFFF00; float:left; margin-top: 0}
    .login {width: 129px; height: 60px; background-color:#FF0000; float:left}

[HTML] pobierz, plaintext 
<div class="header">
	<p class="logo">logo</p>
	<p class="adv">adv</p>
	<div>
		<div class="menu">menu</div>
		<div class="szukaj">szukaj</div>
		<div class="login">login</div>
	</div>
<div>
[HTML] pobierz, plaintext 

To co teraz jest divami (np menu, szukaj) bedzie pozniej oczywiscie rozbudowywane

W FF wyglada to teraz tak
(IMG:http://users.twojepc.pl/~kama/img2.png) (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Pomozcie bo nie mam juz pomyslow

[AxZx]

a czemu dales p a nie div?
dla logo daj float left, a dla adv float right
dla menu float left, dla login dloat right, dla szukaj ustaw odpowiedni margin-left i margin-right.

[_kama]

logo i adv to bede tylko obrazki - linki, dlatego zrobilAm je jako p. Najwiekszy problem jest w tym, ze nie wiem jak zmusic menu, login i szukaj do tego zeby "opadly" na dol glownego diva tzn zeby rownaly sie dolnymi (a nie jak jest teraz - gornymi) krawedziami.

P.S. Jak bardzo niepoprawne jest skorzystanie z position: absolute; left: blablapx; right: blapx ? Bo tylko w ten sposob sobie na razie poradzilam. Dodam, ze uzylam tego w miejscu, ktore w zaden sposob nie bedzie sie dynamicznie zmienialo.

Ten post edytował _kama 9.01.2006, 16:17:02

[Zajec]

A nie możesz nadać margin-top dla czerwonego i żółtego?

[AxZx]

chyba lepiej zrobic to za pomoca placement
daj tym trzem divom
bottom:0px;

i pokombinuj z position:absolute

tu dobry artykul
http://grabun.com/teksty/css/pozycjonowanie.html