Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] Dwa divy obok siebie
!*!
post 30.07.2010, 12:18:07
Post #1





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


  1. <div id="kontener">
  2. <div id="left">zxczxzxcxc</div>
  3. <div id="right">22222</div>
  4. </div>


  1. #contener{width:980px}
  2. #left{float:left;width:70%}
  3. #right{float:right;width:29.9%}


Jak mógłbym uzyskać efekt, aby div #left był zależy od div #kontener, a div #right miał stałą szerokość, a tym samym div #left do niego przylegał, i tylko on mógłby zmienić swoją szerokość względem #kontener np. przy zmiane jego szerokości lub rozdzielczości ekranu.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
dg2001
post 30.07.2010, 12:42:48
Post #2





Grupa: Zarejestrowani
Postów: 71
Pomógł: 12
Dołączył: 9.01.2008
Skąd: Olkusz

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


  1. #contener{width:980px}
  2. #left{float:left;width:100%}
  3. #right{float:right;width:200px;}


W tym momencie #left przyjmie maksymalnie dostępna szerokość - 200px z #right, o ile się nie mylę tongue.gif Ale ja mam tak i mi działa tongue.gif
Go to the top of the page
+Quote Post
!*!
post 30.07.2010, 12:52:54
Post #3





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


ten motyw nie działa, ponieważ #left, rozwala się na całą szerokość kontenera i #right idzie pod spód.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
Fifi209
post 30.07.2010, 13:00:30
Post #4





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


Cytat(!*! @ 30.07.2010, 12:52:54 ) *
ten motyw nie działa, ponieważ #left, rozwala się na całą szerokość kontenera i #right idzie pod spód.

Bo o ile mnie pamięć nie myli, oba powinny mieć float: left;


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
!*!
post 30.07.2010, 13:02:26
Post #5





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Cytat(fifi209 @ 30.07.2010, 14:00:30 ) *
Bo o ile mnie pamięć nie myli, oba powinny mieć float: left;


Mylisz się, to nie ma nic do rzeczy, jest tak jak napisałem wyżej.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
dg2001
post 30.07.2010, 13:06:08
Post #6





Grupa: Zarejestrowani
Postów: 71
Pomógł: 12
Dołączył: 9.01.2008
Skąd: Olkusz

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


!*! ma rację, rozjeźdza się, a mam pytanie czy muszą to być wartości podane w % czy mogą w px? i pytanie w sensie do tego "aby div #left był zależy od div #kontener," w sensie kiedy #kontener się zwiększy to #left również ?
Go to the top of the page
+Quote Post
arecki
post 30.07.2010, 13:10:04
Post #7





Grupa: Zarejestrowani
Postów: 222
Pomógł: 35
Dołączył: 6.02.2005

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


  1.  
  2. <div id="kontener" style="width:900px;">
  3. <div id="right" style="float:right; width:200px;">prawy DIV</div>
  4. <div id="left" style="margin-right:200px;">lewy DIV</div>
  5. </div>
  6.  


--------------------
Go to the top of the page
+Quote Post

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 Wersja Lo-Fi Aktualny czas: 2.05.2025 - 05:49