Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Height: 100%; struktura szablonu
d.stp
post 15.12.2014, 19:09:22
Post #1





Grupa: Zarejestrowani
Postów: 358
Pomógł: 0
Dołączył: 19.04.2012

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


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
Go to the top of the page
+Quote Post
trueblue
post 15.12.2014, 19:32:20
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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


http://jsfiddle.net/zxxh9p8a/


--------------------
Go to the top of the page
+Quote Post
d.stp
post 15.12.2014, 23:15:56
Post #3





Grupa: Zarejestrowani
Postów: 358
Pomógł: 0
Dołączył: 19.04.2012

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


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%;
Go to the top of the page
+Quote Post
Pyton_000
post 15.12.2014, 23:32:02
Post #4





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

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


http://csslayoutgenerator.com/
Go to the top of the page
+Quote Post
d.stp
post 16.12.2014, 00:32:52
Post #5





Grupa: Zarejestrowani
Postów: 358
Pomógł: 0
Dołączył: 19.04.2012

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


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.
Go to the top of the page
+Quote Post
Pyton_000
post 16.12.2014, 09:04:42
Post #6





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

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


Skoro uważasz że to co podesłałem Ci w żaden sposób nie pomaga to sobie radź sam. Foch... haha.gif
Go to the top of the page
+Quote Post
d.stp
post 16.12.2014, 20:06:05
Post #7





Grupa: Zarejestrowani
Postów: 358
Pomógł: 0
Dołączył: 19.04.2012

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


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.
Go to the top of the page
+Quote Post
Pyton_000
post 16.12.2014, 20:19:09
Post #8





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

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


http://jsfiddle.net/danield770/3rUG7/3/
Go to the top of the page
+Quote Post
d.stp
post 16.12.2014, 21:11:26
Post #9





Grupa: Zarejestrowani
Postów: 358
Pomógł: 0
Dołączył: 19.04.2012

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


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

Ten post edytował d.stp 16.12.2014, 21:27:16
Go to the top of the page
+Quote Post
trueblue
post 16.12.2014, 22:11:23
Post #10





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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


Na tapczanie siedzie leń, nie uczy się css cały dzień.

Kod
.content
{
    overflow:auto;
}


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.07.2025 - 19:07