[css] pełna długość

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
bwo
Przelotem
Przelotem
Posty: 224
Rejestracja: wt cze 07, 2005 1:50 pm

[css] pełna długość

Post autor: bwo »

Zadawałem juz podobne pytanie, ale tamto rozwiązanie nie dało oczekiwanego wyniku, a na tamte pytania nikt mi nie odpowiedział =/
Więc mam coś takiego w css'ie:

Kod: Zaznacz cały

* html #prawa
{
background: url(tlo_prawa.jpg) repeat-y;
float: right;
width: 200px;
height: 100%;
border: 0;
}

#prawa
{
border: 0px solid black;
background: url(tlo_prawa.jpg) repeat-y;
float: right;
width: 200px;
min-height: 100%;
}
I długośc 100% jest w Operze i IE, ale w Mozilli nie (FF konkretnie). Gdzie tkwi błąd?
Hygin
Moderator
Posty: 650
Rejestracja: wt gru 31, 2002 10:29 pm
Lokalizacja: Wrocław
Kontakt:

Re: [css] pełna długość

Post autor: Hygin »

Masz 4 błędy w tym kodzie.

1. Jak ustawiasz atrybuty dla kilku elementów, to oddzielasz je przecinkami.
2. Nie można przypisać stylu do <html>.
3. border:0px;
4. min-height:; jest dla CSS2
Asit
Zaczyna działać
Zaczyna działać
Posty: 402
Rejestracja: ndz lis 28, 2004 9:17 pm
Kontakt:

Re: [css] pełna długość

Post autor: Asit »

Hygin Delimat pisze:2. Nie można przypisać stylu do <html>.
pierwsze slysze..
bwo
Przelotem
Przelotem
Posty: 224
Rejestracja: wt cze 07, 2005 1:50 pm

Re: [css] pełna długość

Post autor: bwo »

No ja też słyszałem że można.
A jeśli chodzi o CSS2, no to co w związku z tym? Mam gdzieś w kodzie napisać, że ten css napisany przeze mnie to css2, żeby go przeglądarka zrozumiała czy jak? =/
Asit
Zaczyna działać
Zaczyna działać
Posty: 402
Rejestracja: ndz lis 28, 2004 9:17 pm
Kontakt:

Re: [css] pełna długość

Post autor: Asit »

firefox chyba nie obsluguje procentow przy wysokosci..
bwo
Przelotem
Przelotem
Posty: 224
Rejestracja: wt cze 07, 2005 1:50 pm

Re: [css] pełna długość

Post autor: bwo »

to jest tak:
Żeby było 100% to w ie trzeba dać height: 100% i się warstwa sama rozciągnie jak będzie dłuższa. W operze jakbyśmy dali height: 100%, to zachowałoby się jak auto, więc trzeba dać min-height: 100%, a FF jest do dupy bo żadnego z tych nie obsługuje =]
yhmt
Nowy
Nowy
Posty: 198
Rejestracja: ndz paź 17, 2004 1:25 pm

Re: [css] pełna długość

Post autor: yhmt »

w3c.org - jeżeli tu nie ma rozwiązania Twojego problemu, to zapewne nie istnieje :wink:
viraptor
Zaczyna działać
Zaczyna działać
Posty: 633
Rejestracja: pn cze 28, 2004 12:58 pm
Kontakt:

Re: [css] pełna długość

Post autor: viraptor »

1. Przypisać styl do <html> można jak najbardziej.
2. Mozillo-podobne rozumieją css zwykle bardzo dobrze, najwyżej designer css'a nie rozumie.
3. Żeby użyć height: 100% tak jak myślisz musisz przypisać height: 100% do html, body i elementu w body, który ma mieć taką wysokość.
4. Jak już border 0px, to tak jak według validatora najwyżej: border: 0px none;
bwo
Przelotem
Przelotem
Posty: 224
Rejestracja: wt cze 07, 2005 1:50 pm

Re: [css] pełna długość

Post autor: bwo »

2. Mozillo-podobne rozumieją css zwykle bardzo dobrze, najwyżej designer css'a nie rozumie.
3. Żeby użyć height: 100% tak jak myślisz musisz przypisać height: 100% do html, body i elementu w body, który ma mieć taką wysokość.
4. Jak już border 0px, to tak jak według validatora najwyżej: border: 0px none;
Wyobraź sobie, że nie znasz prawdy, bo mozilla nie obsługuje min-height, a jak dałem to co mówiesz w punkcie 3. to też nie dało rady.
A jeśli chodzi o border to fakt że validator nie przyjmie tego, ale to działa, a zrobiłem tak bo często styl bordera zmieniam, więc bym pewnie poprawi.
viraptor
Zaczyna działać
Zaczyna działać
Posty: 633
Rejestracja: pn cze 28, 2004 12:58 pm
Kontakt:

Re: [css] pełna długość

Post autor: viraptor »

Zobacz http://kni.prz.rzeszow.pl/~viraptor/test.html

1. div#wysoki jest rozciągnięty na całą wysokość - widać po tle. Jak wyrzucisz height: 100% z niego, to tło skończy się zaraz za tekstem.
2. div.min ma minimalną wysokość 50px. Pierwszy jest z jedną linijką tekstu, który nie zapełnia wysokości, więc jest rozciągnięty, a drugi jest wypełniony tekstem, więc div kończy się zaraz po ostatniej linijce.

U mnie na moz. 1.7.8 wszystko ładnie chodzi, więc na ff 1.0.4 też powinien.
Jeszcze coś mam wytłumaczyć?
bwo
Przelotem
Przelotem
Posty: 224
Rejestracja: wt cze 07, 2005 1:50 pm

Re: [css] pełna długość

Post autor: bwo »

No tu wychodzi dobrze, problemy sie zaczynają, jak używa się floatów i różnorodnego ustawienia, divów, no ale ok, masz racje z tym. Może coś pomotałem z clear'em. W każdym razie zrezygnowałem z tego :) Chociaż może teraz spróbuje jesczze raz... =]
ODPOWIEDZ