Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Height: 100%; struktura szablonu
Forum PHP.pl > Forum > Przedszkole
d.stp
Mam szablon:

<HEADER>
<LEFT><RIGHT>

chciałbym żeby LEFT było zawsze równe z RIGHT bo LEFT ma swój background-color, tak samo RIGHT z tym że jak RIGHT jest wyższy od LEFT to wtedy LEFT traci swój kolor tła.

Kiedyś miałem ten problem, ale nie pamiętam jak to rozwiązałem, chyba coś w stylu margin: -9999px czy jakoś tak biggrin.gif
trueblue
http://jsfiddle.net/zxxh9p8a/
d.stp
No dobra, jest prawie ok tylko źle się trochę wyraziłem bo chodzi o to żeby ten background-color był zawsze do samego dołu strony. Jak jest dużo tekstu to jest ok, ale jak mam mało tekstu to mam go np. do połowy strony. Coś w stylu height: 100%;
Pyton_000
http://csslayoutgenerator.com/
d.stp
Ale to mi w niczym nie pomaga.

Chodzi mi o coś takiego:



Czyli niezależnie od tego jaką kto będzie miał rozdzielczość to wysokość obu kolumn tj. sidebar i content ma 100%. Czyli na całą wysokość strony.
Pyton_000
Skoro uważasz że to co podesłałem Ci w żaden sposób nie pomaga to sobie radź sam. Foch... haha.gif
d.stp
Nie fochuj, bo albo ja coś źle robię, albo źle mnie zrozumiałeś biggrin.gif

To co tam generuje sobie tym generatorem co wysłałeś to jest niby ok, ale mi chodzi o to że to ma być od samej góry do samego dołu, efekt musi być taki jak byś dodał do body: background: url(tlo.jpg) repeat-y;

Czyli tak jakby te tło lewego menu musi być zawsze do samego dołu strony niezależnie od rozdzielczości.
Pyton_000
http://jsfiddle.net/danield770/3rUG7/3/
d.stp
Mam teraz background tak jak chciałem czyli do końca strony od samego początku no ale jest drugi problem. W content mam bardzo dużo tekstu i nie pojawia się pasek przewijania, a ucina to co się nie zmieści w rozdzielczości. Ew. pomniejszenie strony pomaga. Ktoś pomoże? Pyton? biggrin.gif

albo ew. jakiś własny pasek przewijania jak nie da rady inaczej? hmm
trueblue
Na tapczanie siedzie leń, nie uczy się css cały dzień.

Kod
.content
{
    overflow:auto;
}
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.