[XHTML] table met heigth="100%" - Softwareontwikkeling

woensdag 24 april 2002 15:38

Acties:

je wéét toch

Topicstarter

Wie iemand hoe ik een table maak met een height van 100% in een pagina met een xhtml dtd.

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
 <tr>
  <td class="nav">
  </td>
  <td class="content">
  </td>
 </tr>
</table>

werkt namelijk niet, terwijl

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
 <tr>
  <td class="nav">
  </td>
  <td class="content">
  </td>
 </tr>
</table>

wel gewoon werkt. Ook

code:

1	<table style="height: 100%; width: 100%;">

biedt geen oplossing.
Ik wil best xhtml valide zijn maar dan wil ik wel gewoon tables met een heigth van 100% kunnen blijven maken.

Iemand een idee?

Flickr

woensdag 24 april 2002 15:41

Acties:

SchizoDuckie

Kwaak

<img height="100%"> in een hidden cell in je tabel

Stop uploading passwords to Github!

woensdag 24 april 2002 15:48

Acties:

Verwijderd

Document type doesn't permit attribute "height" within element <table>.

de harde waarheid

woensdag 24 april 2002 15:57

Acties:

Bosmonster

*zucht*

CSS?

vrijdag 26 april 2002 10:21

Acties:

DeFeCt

je wéét toch

Topicstarter

Op woensdag 24 april 2002 15:57 schreef Bosmonster het volgende:
CSS?

nope, zoals ik al zei:

<table style="height: 100%; width: 100%;">

werkt ook niet

Flickr

vrijdag 26 april 2002 10:31

Acties:

Verwijderd

DIV eromheen?

vrijdag 26 april 2002 10:35

Acties:

dominic

will code for food

Zet de <TD> waar alle content in geplaatst wordt op 100% height, paktie wel als het goed is.

Download my music on SoundCloud

vrijdag 26 april 2002 10:58

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

[..insert random opmerking over scheiding layout en structuur en de rol die willem169 daarin speelt ..]

code:

<style type="text/css"><![CDATA[
table 
{
   height: 100%;
}
]]></style>

(hmm die CDATA ben ik niet geheel zeker, maar meen dat text/css hier ook onder valt)

of dat nu juist weergegeven wordt door de browsers is helaas secundair, voor browsercompatibiliteit kun je een javascript gebruiken dat de height verhoogd naar de window.clientHeight.

overigens zijn er tevens problemen met het geven van een hoogte aan genestte tabellen, dit gaat bijna altijd mis.

verder is het mogelijk zo dat in dit geval voor het positioneren van elementen je eigenlijk geheel geen table dient te gebruiken; voor positionering dien je DIV met position: absolute en de gewenste left, top height en width, gedefinieerd in %.

tabellen zijn voorbehouden voor tabulaire data

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

vrijdag 26 april 2002 11:14

Acties:

Verwijderd

Op vrijdag 26 april 2002 10:58 schreef RM-rf het volgende:

(hmm die CDATA ben ik niet geheel zeker, maar meen dat text/css hier ook onder valt)

CDATA is idd goed voor css alsmede javascript, echter zoals jezelf al aangeeft is het plaatsen van elementen d.m.v. tabellen niet de bedoeling, daar gebruik je in XHTML <span> en <div> voor.

vrijdag 26 april 2002 11:46

Acties:

Willem

RM-rf:
[..insert random opmerking over scheiding layout en structuur en de rol die willem169 daarin speelt ..]

Mijn conclusie zal uiteindelijk iets worden in de geest van:

"Het komt er op neer dat iedereen een persoonlijke voorkeur heeft over welke elementen van zowel layout als structuur deze persoon het liefst als CSS elementen zou zien."

Motor (of auto) onderhoud bijhouden