Výška tabulky 100%

Tag table může mít specifikovanou výšku 100% a funguje to, tabulka vyplní celou výšku stránky. Jenže - já bych potřeboval, aby tabulka vyplnila 100% výšky buňky v jiné tabulce a to mi nějak nefunguje, tabulka je vždycky jen tak vysoká jak je potřeba aby se do ní vešel obsah.
Jde o něco v tomto smyslu:

<table width="800">
<tr>
<td>
zde obsah zabírající více řádků
</td>
<td>

<table border="1" width="100%" height="100%">
<tr>
<td>
první řádek
</td>
</tr>
<tr>
<td>
druhý řádek
</td>
</tr>
</table>

</td>
</tr>
</table>

No a já bych potřeboval aby ta vnořená tabulka svými dvěma řádky zabírala celou buňku i na výšku, nejen na šířku.

Dělám někde chybu já nebo to tak jak chci ani fungovat nemůže?

Předem dík.

<HTML>Ani CSSkem apod. to nelze?</HTML>

<table style="height: 100%; width: 100%">
se chová stejně jako ty atributy

<HTML>Ani hvězdička místo 100% nic neřeší? Stejně tak nějakým způsobem nastavená výška rodičovské buňky?</HTML>

Hvězdička? To nechápu.

Jinak měls pravdu s tím, že pomůže zadat výšku té TD buňky, stačilo i 100% (protože přesnou výšku samozřejmě neznám a znát nebudu).
Dokonce to i fungovalo, HTML 4.01
Jenže pak jsem zjistil že web pro který to dělám je XHTML 1.0 a po přepsání doctype to rázem nefunguje v IE, ve FX ano.

Ukázka:
http://www.vsbcs.info/files/zkouska.html
Zkuste v obou prohlížečích.

co colspan a colrows ?

Hm tak problém je s tím že jsem nastavil ten TD (obsahující onu tabulku) na výšku 100%.
Když dám výšku absolutní, tak ta tabulka svými 100% zabírá celou tu absolutní výšku TDčka (a to i když je tato výška menší než jak je ve skutečnosti buňka zobrazena).
Jenže já absolutní velikost zadat nemůžu protože ji neznám :(

RB - jsem mimo já nebo ty?

> colrows
rowspan kdyz uz...

> 100% vyska
v XHTML1 (vlastne ani u HTML401) u elementu TABLE zadny atribut HEIGHT neexistuje, mozna v tom bude problem...

Co se CSS tyce tak se koukni na
http://www.w3.org/TR/CSS21/tables.html#height-layout

O problemu (prakticky stejnem) se doctes na
http://www.pixy.cz/pixylophone/2003_05_archiv.html#1054207712

Neslo by to vyresit tak, ze vnejsi bunce nastavis vertical-align: top a dole bude prostor a vyska se nastavi automaticky podle obsahu tabulky?

Recnicka otazka na zaver: Co kdyby obsah tabulky byl na vysku vetsi, nez tech puvodnich 100% urcovanych levou bunkou ve vnejsi tabulce?

Možná bude lepší když řeknu proč jsem to takhle chtěl.
To s tou vnořenou tabulkou bylo totiž jediné řešení které mě napadlo, protože jsem věděl, že tabulka může mít 100% výšku (HTML).

Vůbec bych se nedivil kdyby na můj problém existovalo jiné, elegantnější a jednodušší řešení (ale znáte to když se k něčemu upnete tak začnete být slepí).

Takže ten důvod je:
http://www.vsbcs.info/files/zkouska2.html
a jedná se o ten červený text - ten bych potřeboval zarovnat k dolnímu okraji buňky ve které se nachází. (Bez dalšího dělení té hlavní tabulky, ta může mít pouze jeden sloupec nalevo a dva řádky napravo.)

? ja to nechapu.kdyz to chces mit uplne dole,tak proc pod tim mas v bunce jeste jeden text?

<table border="1" width="800">
<tr>
<td rowspan="2">
blablabla<br />blablabla<br />blablabla<br />blablabla<br />
blablabla<br />blablabla<br />blablabla<br />blablabla<br />
blablabla<br />blablabla<br />blablabla<br />blablabla<br />
</td>
<td>
blablabla<br />blablabla<br />blablabla<br />blablabla<br />blablabla<br />
blablabla<br />blablabla<br />blablabla<br />blablabla<br />
</td>
</tr>
<tr>
<td style="vertical-align:bottom;text-align:right">
text-zarovnat
</td>
</tr>
</table>

donny, já potřebuju zarovnat ten červený text na spodek té buňky ve které se nachází. Myslím že tak jsem to popsal. Ten tvůj kód dělá něco úplně jiného, chtít to takhle tak se nemusím ptát, to bych samozřejmě zvládl.

<HTML>Byl to ale poradny orisek :)))
reseni sem dal na: http://master.webzdarma.cz/test.htm
Uz jsem si myslel ze to nejde,ale nakonec to haluzove vyslo :)</HTML>

No konečně se někam dostáváme ;)

Akorát je tu malý problém - Richarde tvá verze je super, v IE funguje. Jenže nefunguje ve Firefoxu :)

<HTML>V Opeře funguje. Není tedy opravdu problém ve FireFoxu?</HTML>

To je možné že FX tohle zobrazuje chybně. Specifikaci CSS jsem, přiznám se, nečetl, i když tady donny linky dal, protože ono není důležité co by teoreticky podle W3C platit mělo, důležité je jak to v reálu funguje. Takže nevím nakolik to je chyba FX. Pointa ale je v tom, že ono to je jedno, FX se nedá jako prohlížeč přehlížet při tvorbě webu ;)

<HTML>Jo, to nedá. Nějakým způsobem nastavit box model apod. jsi zkoušel?</HTML>

<HTML>Firefox 107 funguje bez problemu, zkousel jsem to v obou kdyz jsem to delal</HTML>

Firefox nejnovější verze, vypadá to takhle:
http://www.vsbcs.info/files/vymazat.jpg

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

Výška tabulky 100%

Nové příspěvky