[css] Jak rozciągnąć tabelę na całą stronę...?

[Piter]

Witam!
Chodzi mi o XHTML + CSS...
Mam tabelkę z jedną komórką i chciałbym, żeby ta tabelka zajmowała całe okno. Na szerokość - OK. Gorzej z wysokością...
Dałem już {height:100%} do TABLE, BODY, HTML, TD i TR , ale wiem, że dopóki tabelka nie ma zawartości, to nie rozszerzy się na całą wysokość strony... Jak to ugryźć?
Dodam, że IE6 wyświetla to tak jakbym chciał - tabelka jest na całej stronie...
Jest na to jakaś rada?

Piter

[Gedi]

Widać nie ma rady. W tabelach, DIV'ach zrezygnowano widzocznie w XHTML (lub Mozilli, nie wiem) z procentowego ustawiania wysokości.

[dls]

Widać nie ma rady. W tabelach, DIV'ach zrezygnowano widzocznie w XHTML (lub Mozilli, nie wiem) z procentowego ustawiania wysokości.

dodaj w css:
html, body { height: 100%; }

[nutado]

Widać nie ma rady. W tabelach, DIV'ach zrezygnowano widzocznie w XHTML (lub Mozilli, nie wiem) z procentowego ustawiania wysokości.

dodaj w css:
html, body { height: 100%; }

nie tylko w Mozilli ale i w IE 6.0 , oraz Operze 7 (W tych dwu ostatnich wystarczy dac tylko w body height:100%)
Wniosek: jest to prawidlowe zachowanie...

Rozwiaznie podane wyzej przez dls dziala swietnie
Jest moze wytlumaczone gdzies dlaczego tak trzeba zapisac?
rozumiem body na 100%, ale nie wiem dlaczego do html tez trzeba by Mozilla "zalapala"

[Domel]

rozumiem body na 100%, ale nie wiem dlaczego do html tez trzeba by Mozilla "zalapala"

Chodzi o to ze zeby cos rozszezyc musi byc to tego przestrzen a z tego wynika ze (przynajmniej) nadrzedny element musi posiadac przestrzen do wypelnienia.
Dlatego zamiast zapisu dlsa proponuje:

Kod: Zaznacz cały

* { height: 100%; }

[Gedi]

A mógłbym prosić o przykład? Raczej "max-height" w BODY, bo pojawi się scroll pionowy i tylko w HTML 4.01 Transitional. Natomiast w IE6 działa bez problemu w XHTML Strict sama wysokość tabeli na 100%, bez deklaracji w BODY a w Mozilli, niestety ... . Dla przykładu HTML 4.01 Transitional i XHTML 1.0 Strict. W tym drugim wpisałem w BODY - height:100%;.

[emdej]

rozumiem body na 100%, ale nie wiem dlaczego do html tez trzeba by Mozilla "zalapala"

Chodzi o to ze zeby cos rozszezyc musi byc to tego przestrzen a z tego wynika ze (przynajmniej) nadrzedny element musi posiadac przestrzen do wypelnienia.
Dlatego zamiast zapisu dlsa proponuje:

Kod: Zaznacz cały

* { height: 100%; }

albo

Kod: Zaznacz cały

html { overflow:visible; }
body { height: 100%; }

8)

[Domel]

A mógłbym prosić o przykład?

Nie wiem dokladnie o co Ci chodzi ale moze to:

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<title></title>
<style type="text/css">* { height: 100%; margin:0px}</style>
</head>
<body>
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>bla bla</td>
</tr>
</tbody>
</table>
</body>
</html>

[dls]

A mógłbym prosić o przykład? Raczej "max-height" w BODY, bo pojawi się scroll pionowy i tylko w HTML 4.01 Transitional.

To działa w XHTML i w HTML, a jak ci się pojawia scroll pionowy to dodaj "margin: 0px;" i po sprawie.

[Gedi]

Jak dla mnie, dzięki, próbowałem już te sposoby. Niemniej w XHTML nie mogę w żaden znany mi sposób sobie z tym poradzić.
Ale dzięki za propozycje .

PS.
Żeby było jasno, to chodzi o wyświetlanie w Mozilli, bo w IE 6 wszystko jest OK

[dls]

Niemniej w XHTML nie mogę w żaden znany mi sposób sobie z tym poradzić.

Domel podał przykład - to też Ci nie działa???
rynce opadają normalnie...

[nutado]

Jak dla mnie, dzięki, próbowałem już te sposoby. Niemniej w XHTML nie mogę w żaden znany mi sposób sobie z tym poradzić.
Ale dzięki za propozycje .

PS.
Żeby było jasno, to chodzi o wyświetlanie w Mozilli, bo w IE 6 wszystko jest OK

Hmm, ja pojecia nie mam o co ci moze chodzic, przeciez wszystko jest ok! zarowno w Mozilli jak i IE!

[Nerf]

Przeglądarka: Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; exNetPanel:70824)

Żeby było jasno, to chodzi o wyświetlanie w Mozilli, bo w IE 6 wszystko jest OK

Coś tu jest podejrzane...

[Gość]

Dlaczego podejrzane? Z sieci korzystam w kafejce internetowej z Win 98/ IE 5 i na dodatek komp to PII 233 MHz/64MB RAM. Mam też Mozillę 1.4 na nim zainstalowaną ale, że komp słaby nie mogę z niej korzystać nonstop, bo kompa zawiesza. W kafejce Mozi używam sporadycznie, właśnie z powyższego powodu, ale używam. Natomiast pracuję w domu na kompie z Win XP Pro+IE 6/SP1+Mozilla 1.4. Procek Duron 800MHz, 384 MB RAM. W domu nie mam dostępu do netu .

[Nerf]

Ok, rozumiem, sorry za niesłuszne podejrzenia . Po prostu IE5 i IE6 nie mogą razem współistnieć i to mi się wydawało dziwne. Ale moja wina , nie pomyślałem o kafejce .

[Gedi]

No właśnie . W kafejce nikt na tym kompie nie chce siedzieć, bo słaby ale ja jako, że zrobiłem tej kafejce stronkę, mogę z niego korzystać dowoli , za darmo, więc korzystam.

Co do problemu z tabelą to działa jednak

Kod: Zaznacz cały

 
HTML, BODY {
 height:100%;
}

Dziwne, ale działa teraz wszystko normalnie , jak należy, bez poprawek w kodzie i żadnych DIV'ów i kombinacji. I kto by pomyślał, że znacznikowi HTML można dać styl?

W związku z tym, że ze specyfikacji (W3C HTML 4.01 i XHTML 1.0) wyczytałem, że tag HTML nie ma atrybutu STYLE, więc może ktoś mi wskaże, czy i gdzie jest to opisane? Bedę wdzięczny .

[Domel]

W związku z tym, że ze specyfikacji (W3C HTML 4.01 i XHTML 1.0) wyczytałem, że tag HTML nie ma atrybutu STYLE, więc może ktoś mi wskaże, czy i gdzie jest to opisane? Bedę wdzięczny .

Ale to jest zle podejscie. Selektorami moga bys wszystkie znaczniki lacznie z html (malo tego wlasciwosci mozna nadawac takze dla elementu najbardziej na gorze czyli*). To wynika ze specyfikacji CSS1 (a dalej potwerdzine jest w CSS2). Co jest oczywiste bo CSS sluzy do nadawania wlasnosciam kazdego rodzaju jezyka znacznikowego. A atrybut style (zreszta wlaczony tylko do specyfikacji HTML 3.2, 4.01, XHTML 1.0, w XHTML 1.1 jest deprecated ale to tylko na marginesie) to tylko atrybut typu CDATA. Twoje rozumowanie jest bledne.
Nawet w kontescie CSS3 i XHTML2 w ktorych koncepcja zapisywania stylow wewnetrznych zostaje zmieniona.

[nutado]

(...)
A atrybut style (zreszta wlaczony tylko do specyfikacji HTML 3.2, 4.01, XHTML 1.0, w XHTML 1.1 jest deprecated ale to tylko na marginesie) to tylko atrybut typu CDATA. Twoje rozumowanie jest bledne.
Nawet w kontescie CSS3 i XHTML2 w ktorych koncepcja zapisywania stylow wewnetrznych zostaje zmieniona.

mozesz cos wiecej na ten temat napisac? Czy to beda jakies wieksze zmiany?

[Domel]

mozesz cos wiecej na ten temat napisac? Czy to beda jakies wieksze zmiany?

http://www.w3.org/TR/css-style-attr
chodzi dokladnie o dodanie wszystkich mozliwosci z CSS, to znaczy dodawanie pseudoklas, pseudoelementow, importowanie itp.

[hell]

Ja mam ten sam problem, tylko mi działa w firefoxie i operze a nie działa w IE7