![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 107 Pomógł: 0 Dołączył: 18.11.2004 Ostrzeżenie: (0%) ![]() ![]() |
Witajcie,
męczę się nad stroną i nie mogę sobie poradzić. Chciałbym podzielić stronę na dwie części - góra i dół W zależności do ilości treści w części górnej ilość powierzchni części dolnej będzie się zmniejszać, ale zawsze będzie dochodzić do samej krawędzi dolnej. Nie wiem czy dobrze to wytłumaczyłem, ale to taki efekt flagi polskiej, gdzie na białym polu wpuszczamy tekst, a ilość koloru czerwonego na którym nei ma tekstu zmniejsza sie. Flaga jednak musi wypełnić całą stronę. No i nie umiem tego zrobic. Nie znalazłem żadnej podobnej strony ani tutoriala, który by o tym mówił. Pomożecie? Dziekuje.... Kod <div class="calosc">
<div class="gora">Tu znajduje sie raz duzo raz malo tekstu</div> <div class="dol">Ta czesc zmniejsza swoj rozmiar w zaleznosci od ilosci tekstu na gorze</div> </div> |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 107 Pomógł: 0 Dołączył: 18.11.2004 Ostrzeżenie: (0%) ![]() ![]() |
Dzięki za info. Nie do końca chyba opisałem tak jak trzeba.
Oto kod jaki napisałem (totalna noga w tym jestem). Chodzi mi o to, aby kolor na dole - tu akurat bialy sięgał do końca strony. Nie umiem tego zrobić. Oczywiście te moje 50% wysokości do niczego się nie nadaje, bo zawsze będzie to połowa bez względu na ilość tekstu na górnej warstwie. Kod <style type="text/css"> body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url("elementy/background_air.jpg"); background-repeat: no-repeat; } .gora { background-color:white; height:auto; opacity:0.7; margin-bottom:20px; } .dol { background-color:white; height:50%; } </style> <body> <div class="gora"> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> </div> <div class="dol"></div> </body> Tu pies pogrzebany. Jak opisać wysokość div=dol aby sięgał do końca strony bez względu na to ile tekstu będzie na górze. Ten post edytował kapitan kloss 25.09.2009, 10:07:49 |
|
|
![]() ![]() |
![]() |
Aktualny czas: 10.10.2025 - 21:24 |