Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Automatyczne dopasowanie wysokości
--CSS--
post
Post #1





Goście







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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
Kreton
post
Post #2





Grupa: Zarejestrowani
Postów: 345
Pomógł: 3
Dołączył: 20.02.2005

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


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/
Go to the top of the page
+Quote Post
Shili
post
Post #3





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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


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
Go to the top of the page
+Quote Post
b4x
post
Post #4





Grupa: Zarejestrowani
Postów: 658
Pomógł: 95
Dołączył: 20.12.2005
Skąd: N54,35° E18,63° (Gdańsk)

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


  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


--------------------
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 Aktualny czas: 20.08.2025 - 01:07