Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Dostosowanie bloków
markez07
post
Post #1





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 19.01.2010

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


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. }


Go to the top of the page
+Quote Post
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




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. [;
Go to the top of the page
+Quote Post
markez07
post
Post #3





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 19.01.2010

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


Jakie reguły?
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 14.09.2025 - 19:50