Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Gdy jednej kolumny(diva) nie chcemy?!
R2D2
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 29.09.2008
Skąd: Szczecin

Ostrzeżenie: (0%)
-----


Witam! Mam przykladowo taki kod strony.
  1. <div id="all">
  2. <div id="left">Lewy blok</div>
  3. <div id="middle">Srodek</div>
  4. <div id="right">Prawy blok</div>
  5. </div>

I teraz chodzi mi o to jak zrobic, by w przypadku gdy na danej postronie nie umieszczam lewego bloku, blok srodkowy sie automatycznie rozszerzal by zajmowal tez obszar "wczesniejszego" bloku lewego?? Jak probuje z roznymi width: auto itd ... to zawsze srodkowy blok sie rozpycha i powoduje spadniecie prawego bloku pod wszystko.

Kombinowal juz ktos kiedys z czyms takim ?

P.S. Zapomnialem dodac, ze szerokosci bloku prawego i lewego sa stale ustalone.

Ten post edytował R2D2 29.09.2008, 22:40:01
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
R2D2
post
Post #2





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 29.09.2008
Skąd: Szczecin

Ostrzeżenie: (0%)
-----


dobra spoko .... ogarniam float itd... problem jest w tym, ze jak dla bloku lewego i srodkowego daje float: left, a dla bloku prawego float: right nie wiem jak (pamietajac, ze prawy i lewy blok maja stala szerokosc - np. 22%) zrobic by blok srodkowy automatycznie sie dostosywal z szerokoscia, czyli jka usuwam blok prawy to blok srodkowy sie rozciaga zajmujac jego miejsce i analogicznie z blokiem lewym.

P.S. ten drugi link to nie wiem do czego mi dales (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) ja w tym momencie w bazy danych sie nie bawie (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
Np. mamy takiego css'a
  1. #left{
  2. width: 22%;
  3. float: left;
  4. }
  5. #middle{
  6. width: auto; - no i wlasnie jak ogarnac ta szerokosc jak nie bede mial lewego lub prawego diva ?:(
  7. float: left;
  8. }
  9. #right{
  10. width: 22%;
  11. float: right;
  12.  
  13. }



P.S.2
Dobra troche ogarnalem. Dziala mi pod IE, ale pod FF i Opera nie (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
A zmienilem poprostu kolejnosc kodu:
  1. <div id="all">
  2. <div id="left">Lewy blok</div>
  3. <div id="right">Prawy blok</div>
  4. <div id="middle">Srodek</div>
  5. </div>


teraz tylko jak ogarnac temat w FF i Operze, bo w nich srodkowy div idzie pod wszystko.

Ten post edytował R2D2 29.09.2008, 23:54:23
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 12.10.2025 - 10:36