Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML][CSS]HTML, CSS - automatycznie rozszerzający się di
Forum PHP.pl > Forum > Przedszkole
szczechu96
Witam Mam mały problem z utworzeniem diva, który rozciągałby się automatycznie wraz z divem sąsiadującym. Pierwszy div ma wyświetlać zawartość strony, zaś drugi, sąsiadujący to menu. Podczas gdy pierwszy z nich rozciąga się w momencie gdy treść strony zajmuje więcej obszaru, drugi zostaje ciągle na takiej samej wysokości na jakiej był. Co trzeba zrobić, żeby oba divy rozciągały się równo ze sobą, podczas gdy zawartość danej strony zajmuje w jednym z nich więcej miejsca

Poniżej przedstawiam wycinek css odpowiadający za te divy:

div.main {
background-color: #fe9900;
min-width: 550px;
max-width: 600px;
min-height: 400px;
height: auto;
/overflow: auto;/
padding: 25px;
display: block;
float: left;
}




div.menu {
background-color: #000000;
width: 200px;
min-height: 425px;
height: auto;
padding-bottom: 25px;
display: block;
float: right;
}
Screen prezentujący aktualny stan: skrin
Kujski
Może podasz więcej szczegółów?? Jakoś tak nie bardzo wiem jak to wygląda w kodzie strony :0
kill15
Jedynie co możesz zrobić to złudzenie arrowheadsmiley.png

Tzn:
Masz diva od menu i od tekstu. Mają swoją szerokość
No i załóżmy że div menu jest niebieski a od tekstu np zielony.
No to robisz diva o np nazwie kolumna który ma szerokość menu + tekst i dajesz na jego tło złączone tło menu i tekstu.
W divie kolumna dajesz divy menu i tekst.

W skrócie:
Robisz 3 div o sumie długości divów tekst i menu.
Jako tło diva robisz złączone tła divów menu i tekst.
umieszczasz w tym 3 divie, divy menu i tekst

Wyjdzie Ci złudzenie bo div kolumna będzie się zwiększał wraz z tym większym divem
szczechu96
Działa to ale nie tak dokładnie
kill15
tzn /? pokaż co jest nie tak
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.