Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Automatyczna szerokość bloku
Forum PHP.pl > Forum > Przedszkole
markez07
Witam,

mam trzy kolumny i chcę by po wyłączeniu środkowej inna rozciągała się na jej miejsce. Jak ustawiam width na 100% to kolumna rozciąga się, ale przeskakuje na sam dół.
  1. #news {
  2. background-color: #F1F1F1;
  3. float: left;
  4. font-size: 12px;
  5. margin-bottom: 0;
  6. margin-left: 3px;
  7. margin-right: 0;
  8. margin-top: 3px;
  9. overflow-x: hidden;
  10. overflow-y: hidden;
  11. width: 500px;
  12. }
  13.  
  14. #left {
  15. background-color: #FFFFFF;
  16. float: right;
  17. font-size: 12px;
  18. margin-bottom: 7px;
  19. margin-left: 3px;
  20. margin-right: 0;
  21. margin-top: 0;
  22. overflow-x: hidden;
  23. overflow-y: hidden;
  24. width: 263px;
  25. }
  26.  
  27. #right {
  28. background-color: #FFFFFF;
  29. float: right;
  30. font-size: 12px;
  31. margin-bottom: 7px;
  32. margin-left: 3px;
  33. margin-right: 3px;
  34. margin-top: 0;
  35. overflow-x: hidden;
  36. overflow-y: hidden;
  37. width: 230px;
  38. }



Po wyłączeniu diva "left", "news" powinien się rozciągać, aż do diva "right". Jak dla "news" dam 100% to przeskakuje on na sam dół i się rozciąga na całą szerokość strony (przeskakuje pod "right, a ma być na jego wysokości i się rozciągnąć do niego...)


NEWS - LEFT - RIGHT <--- tak mam je rozmieszczone na stronie.

Co dopisać by div nie spadał przy ustawionej szerokości 100%?
erix
Faux columns?
markez07
Nie wiem co to znaczy. Możesz mi podsunąć jakiś artykuł czy coś z którego dowiem się jak to naprawić?

e: Chyba nie o to chodzi... Mam stronę na CMS'ie Joomla i w kolumnie news mam komponent forum i chciałbym aby był szerszy. Żeby był szerszy to i div musi się rozciągać. Proszę o pomoc.

Link do forum http://typu.pl/index.php?option=com_discussions
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.