[css] warstwy..., 3 obok siebie, srodkowa 100%? Opcje

[Daimos]

Witam
potrzebny mi uklad warstw
dokladnie wygladajacy tak


-1- -2- -3-
-4- -5- -6-
-7- -8- -9-

gora: 1 i 3 warstwa ma stala szerokosc, a 2 zmieniana w zaleznosci od tresci
srodek: 4 i 6 stala szerokosc, a 5 zmienia sie
dol analogicznie

wszystko razem musi byc w jednej warstwie

kombinuje, latam po tutorialach i nic :/

[HTML] pobierz, plaintext 
<div style="margin-top: 50px; margin-left: 50px; width: 400px;">
<!-- margin left i top tylko dla testow wsadzilem, to nie istotne
w momencie kiedy zmieniam szerokosc, (tu 400px) chcialbym zeby okienko na dole sie rowniez zmienialo)
ponizej pojawiaja sie odwolania do arkuszy styli ale tam tylko ew. tlo jest ustalone, wiec nic to nie zmieni w pozycji warstwy
-->
   <div style="position: absolute;">
   <div style="float: left" ><img src="windowfiles/lewygorny.gif" alt="" width="18"></div>
   <div style="float: left" class="window-g" style="margin-top: 0px;">srodek</div>
   <div style="float: left"><img src="windowfiles/prawygorny.gif" alt="" width="18"></div>
   </div>
 
   <div style="position: absolute; margin-top: 18px; width: 100%;">
   <div style="float: left; background-image: url('windowfiles/lewy.gif'); background-repeat: repeat-y; width: 18px"></div>
   <div style="float: left; width: auto;" >as</div>
   <div style="float: left; background-image: url('windowfiles/prawy.gif'); width: 18px" ></div>
 
   </div>
 
 
   <div style="position: absolute; bottom: 0;">
   <div style="float: left; display:block; left: 0px;" >stopka</div>
   <div style="float: left" >stopka</div>
   <div style="float: left" >stopka</div>
 
   </div>
 
 
</div>
[HTML] pobierz, plaintext 

no i powyzej, srodek nie rozjezdza sie maksymalnie, tylko w zaleznosci od tekstu
jak wstawiam szerokosc dla srodkowych warstw 100% to caly szablon sie rozjezdza :/
problemem jest jeszcze pozycja wierszy, warstw ulozonych pod soba
jak sa 3 divy float left, to nastepne jak ulozyc? zeby tworzyly nowy wiersz pod nimi

moze ktos znalazl jakis tutorial ciekawy ? (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
ja szukalem i nic na ten temat nie moge znalesc

Ten post edytował my salsa 31.03.2007, 15:32:02

[Norbas]

Skoro 1 i 3 mają stałą szerokość, to dla 1 proponuję: float:left, dla 3 - float:right, dla 2 - tylko marginesy lewy i prawy. To samo z pozostałymi blokami

[Daimos]

float right rozjezdza sie na IE (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
no ale juz znalalzem rozwiazanie
po prostu zamiast robic divy 3 pod rzad, zrobilem tla np. top left etc
bo mi chodzilo o okienko z obrazkami po bokach, w rogach i na gorze (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)