ďťż

[CSS/HTML] Tabela na całą wysokość strony Jak to zrobić?

Podstrony

telcocafe

Najpierw poszukałem (żeby nie było) i znalazłem to: http://mozillapl.org...about-3462.html
Próbowałem tamtych rozwiązań, ale działało tylko jedno:
* { height: 100%; }
Problem w tym, że jak to dodam do CSS to wtedy wszystko się rozciąga (wstawiłem obrazek na stronę i strona mi się rozjechała a wysokość pary tysięcy pikseli. :P) Usunąłem to i obrazek był normalny... ale tabela, którą chciałem mieć na całą stronę, przestała być na całą stronę. Więc jak ją rozciągnąć na wysokość całej strony?

Nic prostszego:
<table style="height: 100%;"> </table>
Użytkownik kokoss15 edytował ten post 25 listopad 2007, 18:38
Naprawdę myślisz, że tego nie próbowałem? Zresztą, gdyby to działało, to napisałbym po prostu: <table height="100%">. :P Ale to nie działa ani pod IE 6, ani pod FF 2.

moze dodaj jeszcze:

body { height:100%; }

próbowałeś?

moze dodaj jeszcze:

body { height:100%; }

próbowałeś?
Działa w IE 6, nie działa w FF.

Może tu coś wyczytasz :
http://my.opera.com/...c.dml?id=205827
http://www.xs4all.nl...csslayout1.html

Dzięki, ale nic nie pomaga. :/ W FF stronka dalej ma tło na tyle, ile ma treści (tło jest backgroundem w tabeli).

Dzięki, ale nic nie pomaga. :/ W FF stronka dalej ma tło na tyle, ile ma treści (tło jest backgroundem w tabeli).
A sama tabela sie rozciąga? Może daj linka, albo chociaż kod.

Tabela się właśnie nie rozciąga.

Co zrobić, żeby elementu menu (te prostokątne srebrne) były w FF jeden pod drugim BEZ ODSTĘPU i żeb pierwszy z nich był na wysokości tego granatowego paska z prawej strony? Bo w IE właśnie tak to wygląda, a w FF nie. :( Da się to jakoś zrobić?
Użytkownik NPS edytował ten post 02 grudzień 2007, 01:46
Powód edycji: Do długiego kodu stosuj znaczniki [codebox] [/codebox]
Dla tabeli chyba nie ustawisz wysokości 100%. Przerzuć się na DIVY :) Z resztą nie tylko dlatego pisanie szablonu na tabelce nie jest zalecane: http://osiolki.net/tabelki/

a moze by tak dać styl dla firefoxa

if !ie ( nie wiem dokładnie jak to jest :P)

i dac styl (tylko dla firefoxa):

.tabela {
min-height: 100%;
}

To co - nikt już nie ma żadnych innych pomysłów?

A jeśli nie - to jak osiągnąć ten efekt przy pomocy div-ów, bo próbowałem to znaleźć, ale mi się nie udało?

Przed chwilą sprawdzałem, działa zarówno na IE6, IE7 jak i Fx:
<html> <head> </head> <body> <div style="border:2px solid #FF0000; height:100%;">aaa</div> </body> </html>
czerwona ramka dodana po to, by zobaczyć, że div faktycznie jest rozciągnięty na całą wysokość strony.

@EDIT DOWN:
no ale o to chodzi, żeby tabelę całkowicie wyrzucić. Wyżej dałem Ci linka z argumentami dlaczego lay na tabelach jest zły. Po za tym masz już na własnej skórze teraz doświadczoną kolejną sprawę - że na tabeli nie rozciągniesz całości na 100% :P
Użytkownik kutar edytował ten post 02 grudzień 2007, 18:18
No cóż... prawie działa. "Prawie", bo jak wrzucę to do komórki tabeli, a samą tabelę rozciągnę, to to wtedy nie jest na całą jej wysokość. :P

A czemu chcesz to wrzucać do tabeli, skoro design się robi bez użycia tabel, a to tutaj działa?
Użytkownik Einzeinbleth edytował ten post 02 grudzień 2007, 17:58
Raz dlatego, że nie zamierzam robić strony od nowa tylko dlatego, że używam tabel, a dwa dlatego, że nie wiem, czy w ogóle udałoby mi się zrobić całą tę stronę z użyciem samych divów. :P

Twój wybór, ale zauważ że im szybciej to poprawisz tym lepiej, a używanie tabelek to jak zamykanie się w pudełku :-) poza tym robienie na div jest o wiele łatwiejsze, kodu jest mniej, jest on ładniejszy i nie wymaga dużo roboty. Strony od nowa nie musiałbyś robić, no, chyba że jakimś przypadkiem twoja strona to miks <table>, <font> itp razem z treścią i php (na przykład) ^^

Warto nabierać dobrych nawyków, nie uważasz? :-)

btw, jak się nauczysz html i css, to Ci się uda zrobić bez użycia tabel. Warto zajrzeć na oswd.org i prześledzić kod kilku szablonów, niekiedy mają niezłe rozwiązania.

Raz dlatego, że nie zamierzam robić strony od nowa tylko dlatego, że używam tabel, a dwa dlatego, że nie wiem, czy w ogóle udałoby mi się zrobić całą tę stronę z użyciem samych divów. :P
Proponuje ustaw wysokość tabeli w pikselach a nie w procentach

Genialny pomysł. :P Tylko, że tej nie idzie w ogóle ustawić. Poza tym wysokość w pikselach jest dla mnie zupełnie bezużyteczna.

Szkoda, że wcześniej tego tematu nie zauważyłem, bo rozwiązanie jest banalne :)
Skoro strona tak czy siak ma mieć wysokość 100%, więc nic nie stoi na przeszkodzie aby ustawić jej wysokość absolutnie. Daj dla tabeli 2 parametry:
table { height: 100%; position: absolute; }
Testowałem na FF, Operze, IE6 i IE7, wszędzie działa bez zarzutu.

To nie wiem, może daj przykładowy kod jakiś, bo mi to nie chce działać pod niczym. :P

Sitedesign by AltusUmbrae.

Darmowy hosting zapewnia PRV.PL