Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Układ strony na div
Forum PHP.pl > Forum > Po stronie przeglądarki
Fluke
Witam.

Chciałbym się spytać czy jest jakaś szansa aby układ strony zrobić trochę dynamiczni za pomocą div icss. Chodzi mi o to żeby:
-jak mamy na stronie aktywne 1,2,3 divy które są koło siebie (1 div na 300px, 2-div automatycznie się dopasowuje, 3 div-300px)
-jak mamy na stronie aktywne 2,3 divy(1 div istnieje ale nic tam nie ma) to: 2 div automatyczny a 3 div na 300px.

Rozkminiałem to na display: table, table-cell, table-row oraz max i min width.

Za cholere mi nic nie wychodzi :/

Znalazłem rozwiązanie przypadkowo ale napiszę, może komuś się przyda.

Mamy taki o to kod w html:
  1. <div id="container">
  2. <div id="menu-lewe">
  3. jakies sobie menu
  4. </div>
  5. <div id="content">
  6. Lorem ipsum...
  7. </div>
  8. <div id="menu-prawe">
  9. Jakies inne sobie menue prawe.
  10. </div>
  11. </div>


Tutaj kod CSS:
  1. #container {
  2. width: 100%;
  3. border: 1px solid black;
  4. }
  5.  
  6. #menu-lewe {
  7. float: left;
  8. background-color: green;
  9. max-width: 300px;
  10. }
  11.  
  12. #menu-prawe {
  13. background-color: red;
  14. float: right;
  15. width: 100%;
  16. max-width: 300px;
  17.  
  18. }
  19. #content {
  20. background-color: yellow;
  21. width: auto;
  22. }


I teraz jeżeli nie pojawi się żaden element w którymś z tych menu to div#content rozściągnie się na całą szerokość i tak dalej. Div #content jest elementem dynamicznym.

Pozdrawiam.
wNogachSpisz
grid960. Amen.
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.