Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Dostosowanie bloków
Forum PHP.pl > Forum > Przedszkole
markez07
Witam,

robię szablon pod joomla i mam mały problem. Chcę żeby div center powiększał się na całą szerokość strony gdy wyłączę w Joomli bloki. Ustawiłem width na 100 % i wszystko by było ok. gdyby nie to, że poszerza się nawet wtedy gdy mam włączone boczne bloki i spycha je na dół.

  1. <div id="content">
  2.  
  3. <div id="left">
  4. <jdoc:include type="modules" name="left" style="xhtml" />
  5. </div>
  6.  
  7. <div id="center">
  8. <div class="sport_menu">
  9. <jdoc:include type="modules" name="sport_menu" style="xhtml" />
  10. </div>
  11.  
  12. <div id="tresc">
  13. <jdoc:include type="modules" name="center" style="xhtml" />
  14. </div>
  15.  
  16. <jdoc:include type="component" />
  17.  
  18. </div>
  19.  
  20. <div id="right">
  21. <jdoc:include type="modules" name="right" style="xhtml" />
  22.  
  23. </div>
  24.  
  25.  
  26. </div>





  1. #content {
  2. width: 1024px;
  3. margin: auto;
  4. height: auto;
  5. background-color: #736D61;
  6. overflow: auto;
  7. }
  8.  
  9.  
  10.  
  11. #left {
  12.  
  13. font-size:12px;
  14. width: 165px;
  15. margin-left:4px;
  16. margin-right: 4px;
  17. margin-top:7px;
  18. margin-bottom:7px;
  19. float: left;
  20. overflow: hidden;
  21. background-color: #736D61;
  22. }
  23.  
  24. #center {
  25. margin-top: 7px;
  26. width:678px;
  27. background-color: #F8F7E9;
  28. float: left;
  29. overflow: hidden;
  30. margin-bottom:15px;
  31. }
  32.  
  33. #tresc{
  34. margin-top: 38px;
  35. }
  36.  
  37. #right {
  38. font-size:12px;
  39. width: 165px;
  40. margin-left:4px;
  41. margin-right: 4px;
  42. margin-top:7px;
  43. margin-bottom:7px;
  44. float: right;
  45. overflow: hidden;
  46. background-color: #736D61;
  47. }


erix
W ciemno, to sobie możemy, niestety...

CSS w nazwie ma kaskadowe co oznacza, że inne reguły również mogą wpływać na te przez Ciebie podane. Ale to nie zmienia faktu, że w przypadku JS/CSS najlepiej by było, gdybyś podał link do działającego szablonu, każda dobra przeglądarka posiada narzędzia developerskie, które naprawdę oszczędzają czas. [;
markez07
Jakie reguły?
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.