Potřeba natáhnout tabulku na celý prostor okna prohlížeče vzniká, například když je design stránky umístěn uvnitř tabulky. Řešení tohoto problému nevyžaduje psaní složitého kódu, ale zahrnuje zohlednění některých funkcí označení webových stránek.
Nezbytné
Základní znalost HTML
Instrukce
Krok 1
Nejprve musíte vyjasnit význam nadcházející operace. V kódu HTML jsou stránky tabulky sada vnořených spárovaných značek (jedna otevírací a jedna zavírací). Značky buněk (
) jsou vnořeny do řetězcových značek (
) a ty zase do značek tabulky (
). V úvodní značce tabulky můžete nastavit její šířku a výšku v absolutních jednotkách (pixely) i relativních (procenta). U relativních velikostí se šířka a výška nadřazeného prvku tabulky berou jako 100%. Pokud umístíte tabulku přímo do těla stránky (a ne do vrstvy, formuláře, jiné tabulky atd.), Rozměry jejího nadřazeného prvku budou šířka a výška stránky. To znamená, že pro roztažení tabulky na celé volné místo je třeba pro ni určit 100% horizontální a vertikální rozměry.
Krok 2
Nyní to můžete začít realizovat v HTML. Šířka a výška tabulky je určena atributy width a height. Takže kód tabulky označující 100% rozměrů ve všech směrech a například se dvěma buňkami v jednom řádku může vypadat takto:
| levá buňka tabulky | pravá buňka tabulky |
Krok 3
Zadání 100% šířky a výšky bude stačit k roztažení tabulky, pokud zvolíte správný standard HTML, podle kterého by měl prohlížeč číst kód stránky. Značka je umístěna na prvním řádku dokumentu. Potřebujete značku s následujícím obsahem:
Krok 4
A ve vašem kódu je třeba vzít v úvahu ještě jeden bod: ve výchozím nastavení je stránka odsazena od okrajů okna o několik pixelů, takže tabulka se ani po vyplnění celé stránky neroztáhne na celé okno. Chcete-li vyloučit tato zbytečná pole, můžete zadat nulové odsazení v příslušných atributech v úvodní značce těla stránky ():
Krok 5
Po sestavení bude celý kód stránky s tabulkou nataženou na celou šířku a výšku obrazovky vypadat takto:
Natažený stůl
| levá buňka tabulky | pravá buňka tabulky |
