Potreba roztiahnuť tabuľku na celý priestor okna prehľadávača vzniká napríklad vtedy, keď je dizajn stránky umiestnený vo vnútri tabuľky. Riešenie tohto problému nevyžaduje písanie komplexného kódu, ale vyžaduje zohľadnenie niektorých funkcií označenia webových stránok.
Nevyhnutné
Základné znalosti HTML
Inštrukcie
Krok 1
Najprv musíte objasniť význam nadchádzajúcej operácie. V kóde HTML sú stránky tabuľky sada vnorených párovaných značiek (jedna otváracia a druhá zatváracia). Značky buniek (
) sú vnorené do značiek reťazcov (
) a tie zase do značiek tabuľky (
). V úvodnej značke tabuľky môžete nastaviť jej šírku a výšku v absolútnych jednotkách (pixeloch) aj relatívnych (v percentách). Pri relatívnych veľkostiach sa šírka a výška nadradeného prvku tabuľky berie ako 100%. Ak umiestnite tabuľku priamo do tela stránky (a nie do vrstvy, formulára, inej tabuľky atď.), Potom rozmery jej nadradeného prvku budú šírka a výška stránky. To znamená, že na roztiahnutie tabuľky na celé voľné miesto je potrebné určiť pre ňu 100% horizontálne a vertikálne rozmery.
Krok 2
Teraz to môžete začať realizovať v HTML. Šírka a výška tabuľky je určená atribútmi width a height. Takže tabuľkový kód označujúci 100% rozmerov vo všetkých smeroch a napríklad s dvoma bunkami v jednom riadku môže vyzerať takto:
| ľavá bunka tabuľky | pravá bunka tabuľky |
Krok 3
Zadanie 100% šírky a výšky bude stačiť na natiahnutie tabuľky, ak zvolíte správny štandard HTML, podľa ktorého má prehliadač načítať kód stránky. Značka je umiestnená na úplne prvom riadku dokumentu. Potrebujete štítok s nasledujúcim obsahom:
Krok 4
A vo vašom kóde by sa mal zohľadniť ešte jeden bod: stránka je štandardne odsadená od okrajov okna o niekoľko pixelov, takže tabuľka sa ani po vyplnení celej stránky neroztiahne na celé okno. Ak chcete vylúčiť tieto nepotrebné polia, môžete určiť nulové zarážky v príslušných atribútoch v úvodnej značke tela stránky ():
Krok 5
Po zostavení bude celý kód stránky s tabuľkou natiahnutou na celú šírku a výšku obrazovky vyzerať takto:
Natiahnutý stôl
| ľavá bunka tabuľky | pravá bunka tabuľky |
