Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [XHTML] height: 100% w divie
Cudi
post
Post #1


Administrator planeta/IRC


Grupa: Przyjaciele php.pl
Postów: 385
Pomógł: 0
Dołączył: 19.04.2003
Skąd: Zabrze

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


Podczas tworzenia layoutu natknołem na mały problemik. Otóż mam kilka warstw, wszystkie leżą w warstwie #conteiner. Typowo, lewe prawe menu i miejsce na treść (warstwa #content). Pomiędzy menu a warstwą #content odchodzi od headera pionowa linia (boczne obramowanie #content), która powinna docierać aż do footera. Niestety, jeśli wysokość warstwy z menu będzie większa niż wysokość warstwy z treścią tak sie nie stanie. Pomyślałem że ustawienie height na 100% dla #content rozwiąże sprawe, jednak ten atrybut najwyraźniej nie działa, a ja nie wiem jak go zastąpić. Linki do plików .html i .css:
:arrow: http://cudi.miracle.pl/chp/index.html
:arrow: http://cudi.miracle.pl/chp/style.css
Mam nadzieje że ktoś wie jak rozwiązać ten problem, bo ja już sie prawie poddałem (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
cichy
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 197
Pomógł: 0
Dołączył: 9.09.2003
Skąd: z Marsa

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


Siema...
Już wiem jak to rozwiązać.

Dodaj do #content

[xml:1:94a760a85e]#content
{
min-height: 100px; /*tu mozesz ustawic wiecej, na IE jak zwykle sie sypie troche (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) ale za to na Mozilli dziala zaje...fajnie (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) */
max-height: none;
height: 100%;
}
[/xml:1:94a760a85e]

Pozdro
Go to the top of the page
+Quote Post
Eluś
post
Post #3





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 16.02.2004
Skąd: z piekła rodem

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


rozwiązanie banalne. Wszystkie warstwy-kolumny przezroczyste a w warstwie #container powtarzana grafika w pionie (o wysokości 1px, szerokości róznej szerokości warstwy #container i z zaznaczonymi pixelami, które będą tworzyły te pionowe linie)
jakbyś ne wiedział o czym mówię to ten artykuł przybliży ci sprawę...
Go to the top of the page
+Quote Post
Cudi
post
Post #4


Administrator planeta/IRC


Grupa: Przyjaciele php.pl
Postów: 385
Pomógł: 0
Dołączył: 19.04.2003
Skąd: Zabrze

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


Dzięki za odpowiedzi, oba rozwiązania działają, ale ja z braku czasu zrobiłem jeszcze inaczej (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Użyłem tabelki, i w niej ustawiłem odpowiednie bordery a następnie powsadzałem divy. Może to nienajelegantsze rozwiązanie, ale niestety śpieszyło mi sie z tym layoutem i nie miałem wyjścia (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
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 - 20:21