2012-07-24 10 views
6

Jak dać 100% wysokość dla tabeli,jak dać 100% wysokości do stołu w HTML5

<table border="1" style="height:100%"><tr> <td>Height 100%</td></tr> </table> 

próbowałem tego, ale jej nie biorąc 100% wysokości, może ktoś mi pomóc

+0

Jakie strony CSS masz na stronie, prawdopodobnie jest to, że treść strony (lub jakiekolwiek elementy, które znajdują się w tabeli) nie jest ustawiona do 100% wysokości. Możesz użyć http://www.jsbin.com, aby wkleić kod HTML i CSS, i przesłać link, aby umożliwić nam dalsze debugowanie. –

+0

Używam wewnętrznego ciała, teraz daję 100% na body tag, jego działanie i dzięki za dostarczenie linku jsbin.com do sprawdzenia mojego kodu html –

Odpowiedz

7

Nadaj swojemu ciału wysokość 100%, a tabela będzie następująca - http://jsfiddle.net/R3h3p/

+0

dziękuję Zoltan .. jego rozwiązany .. –

+1

Należy zauważyć, że element html będzie również muszą być ustawione na wysokość: 100%, nie tylko ciało (twój link jest poprawny). Przynajmniej w moich eksperymentach. Zakładam, że dzieje się tak dlatego, że html jest rodzicielstwem dla ciała. (Co wydaje mi się dość dziwne, że znaczniki html i/lub body nie zakładają, że zajmą całą wysokość widocznej strony ... Po prostu zadzwoń do dziwacznego rodzaju faceta ... lol) –

+4

Komentarz Trizkita jest poprawny. Jednak nie zapominaj także, że nie tylko elementy 'html' i' body' muszą mieć 'height: 100%', ale * wszystkie elementy rodzica * tabeli również muszą mieć 'height: 100%'. – preahkumpii

Powiązane problemy