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:
Tutaj kod CSS:
#container { width: 100%; border: 1px solid black; } #menu-lewe { float: left; background-color: green; max-width: 300px; } #menu-prawe { background-color: red; float: right; width: 100%; max-width: 300px; } #content { background-color: yellow; width: auto; }
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.