Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Automatyczne dopasowanie wysokości
Forum PHP.pl > Forum > Przedszkole
-CSS-
Nie znam się na CSSie.. Ogólnie wygląda to tak,że cała strona ma tło obrazkowe. Na środku są 3 DIVy z białym tłem.
#DIV1: Menu lewe
#DIV2: Główna treść
#DIV3: Menu prawe

Plik CSS wygląda tak[FRAGMENT]:
  1. BODY { font-family: verdana;
  2. font-size: 10px;
  3. background:#000000 url('gfx/klatka2.jpg');
  4. margin:0;
  5. padding:0;
  6. color: white;}
  7.  
  8.  
  9. #menu_lewe{margin:0;
  10. font-size:18px; position:absolute; margin-left:147px; margin-right: 900px; margin-bottom: 10px;
  11.  
  12. color:black; background:white;
  13.  
  14. border-left-style: solid; border-right-style: solid;
  15. border-bottom-style: solid; height: 100%; width:200px;
  16.  
  17. }
  18. #menu_prawe{margin:0;
  19. font-family:test;
  20. font-size:12px;
  21. position:absolute; margin-left:900px; margin-right: 149px;
  22. margin-bottom: 10px;
  23.  
  24. border-left-style: solid; border-right-style: solid;
  25. border-bottom-style: solid; height: 100%; width:200px;
  26. color:black; background:white;
  27. }
  28.  
  29.  
  30.  
  31. #news {
  32. margin:0;
  33. font-size:18px;
  34. color:green; background-color:yellow;
  35. position:absolute; margin-left:345px; margin-right: 355px;
  36. margin-bottom: 10px;
  37. border-left-style: solid; border-right-style: solid;
  38. border-bottom-style: solid;
  39. height: 100%; width:552px;
  40. text-align:center; color:black; background:white;
  41. }
  42.  
  43.  


Jeśli newsy wychodzą poza pole to białe tło się nie powiększa,a chciałbym aby się dopasowywało do potrzebnego miejsca. Nie cvhodzi tylko o jednego DIVa,ale żeby wszystkie miały identyczną wysokość.Z góry dzięki winksmiley.jpg
Kreton
Da się to tylko i wyłącznie wizualnie odejść. Pakujesz te 3 divy w jednego więszkego i dajesz mu powielanie backgroundu w pionie.

Prosze: http://www.alistapart.com/articles/fauxcolumns/
Shili
Tutaj też nie do końca mogę się zgodzić - faux columns i owszem, ale nie jedynie winksmiley.jpg

http://www.pmob.co.uk/search-this/absolute-columns3.htm
b4x
  1. position:absolute
- rzadko się stosuje... winksmiley.jpg

Zastosuj float smile.gif

Też jakiś czas temu korzystałem z position: absolute - bo myślałem że to jedyne rozwiązanie tongue.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.