Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Div zalezne od siebie height
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
spayk
Jak mam zrobić zeby divy były zalezne od siebie od względem wysokości
mam w jednym menu w drugim tresci
nieraz tresc jest krótsza od menu a nieraz menu. Jak zrobic zeby te 2 div były cały czas takeij samej długosci tzn niech raz jeden się powiększa a raz drugi
myslałem o min-height: ale niedziała
krzysztof_kf
Pokaż css plus html to bardziej nam przedstawi obraz co chcesz uzyskać .
spayk
css
  1. #heander {
  2. background-image: url(images/top.png);
  3. width: 954px;
  4. height: 205px;
  5.  
  6. }
  7.  
  8.  
  9. #left {
  10. background-image: url(images/bg_left.png);
  11. width: 285px;
  12. height: 1019px;
  13. float:left;
  14. }
  15. #pion_bg {
  16. background-image: url(images/pion_hr.png);
  17. width: 2px;
  18. height: 1019px;
  19. float:left;
  20. }
  21. #right {
  22. background-image: url(images/bg_right.png);
  23. width: 667px;
  24. min-height: 1019px;
  25. float:left;
  26. }
  27. #footer {
  28. background-image: url(images/footer.png);
  29. width: 954px;
  30. height: 105px;
  31. float:left;
  32. }



html

  1. <div id="heander">
  2. <!-- top -->
  3. </div>
  4.  
  5. <div id="left">
  6. <!-- lewa czesc strony, menu i panel reklam -->
  7. </div>
  8. <div id="pion_bg">
  9. <!-- piowowa linia miedzy pionowym menu a centrum -->
  10. </div>
  11. <div id="right">
  12. <!-- tresć strony -->
  13. </div>
  14. <div id="footer">
  15. <!-- stopka -->
  16. </div>
krzysztof_kf
Dodaj przed selektorem left dodatkowy selektor o łącznej całej szerokości kolumn np.

  1.  
  2. #content {
  3. width: 1000px;
  4. overflow: hidden;
  5. background: #ff0000;
  6. }
spayk
czy takie rozwiazanie zadziała w każdej przegladarce bo w KED w podglad to niedziała w ff tak

PS jak ustawic strone na srodku ?
krzysztof_kf
Daj głównemu selektorowi np.


  1.  
  2. #content {
  3. width: 999px; // Łączna szerokość strony [/b]
  4. margin: 0 auto;
  5. }


albo zadziała samo

  1.  
  2. margin: 0 auto;


dla selektora header


pozdrawiam .

Cytat(spayk @ 31.07.2010, 23:20:06 ) *
czy takie rozwiazanie zadziała w każdej przegladarce bo w KED w podglad to niedziała w ff tak



Jak najbardziej .
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.