Archief - HTML/CSS: tabel wil niet uitrekken

S

Sprits

Legacy Member

• 16 feb 2007

• #1

omdat ik de website nog ni kan late zien, heb ik een klein voorbeeldje gemaakt

http://www.nibbler.be/pics/foutje.jpg

in mijn laatste tabel zet ik dit!

HTML:

<tr>
   <td class="title">infoblablabla</td>
</tr>
<!-- zo nog een paar keer en dan helemaal op het laatste zet ik het volgende -->
<tr>
    <td class="title" style="height:100%">&nbsp;</td>
</tr>

vanbove in mijn <table> heb ik dus ook height op 100% gezet zodat hij de tabel zou moete uitrekken tot aan de bodem van de pagina! (zonder tekst want langs rechts staat er een image die dus in hoogte hoger kan zijn dan de hoogte van de tekst zelf )

da gebeurt dus ni... geen idee wa ik dus fout doe

L

Legendary d.C.

Legacy Member

• 17 feb 2007

• #2

ik weet niet of ik goed zit. Maar ik dacht denk dat het niet mogelijk om de hoogte van de tabel in te stellen als je nog W3C valid wil werken.

<table style="height:100%"> // werkt niet niet
<tabel height="100%"> // werk wel maar is niet valid

S

Sprits

Legacy Member

• 17 feb 2007

• #3

of da hem volledig w3c valid is interesseert mij ni zolang de site goe werkt en snel gaat is er geen probleem vo mij.
kzal wel altij probere vo zo valid mogelijk te blijve mja...

is direct probere se

// edit
werkt nog altij ni

K

KoenDK

Legacy Member

• 17 feb 2007

• #4

zet een id in uw table, en zet in css height op 100%

S

Sprits

Legacy Member

• 17 feb 2007

• #5

kheb effkes een voorbeeld gemaakt
http://www.nibbler.be/test.html

HTML:

<table height="100%" border="1" width="50%">
	<tr>
		<td valign="top">
			<table height="100%" border="1" width="100%">
				<tr>
					<td width="30%" bgcolor="#999999" valign="top" height="100%"><p>tekst</p><p>tekst</p><p>tekst</p><p>tekst</p><p>tekst</p></td>
					<td valign="top" height="100%"><p>tekst2</p><p>tekst2</p><p>tekst2</p><p>tekst2</p><p>tekst2</p><p>tekst2</p></td>
				</tr>
			</table>
		</td>
		<td valign="top"><p>image</p><p>image</p><p>image</p><p>image</p><p>image</p><p>image</p><p>image</p></td>
	</tr>
	<tr>
		<td colspan="3" bgcolor="#999999" width="100%">&nbsp;</td>
	</tr>
</table>

de tabellen waar tekst en tekst2 inzitte, moete zich uitrekken naar benede en zich connectere met de grijze lijn onderaan!

S

Sprits

Legacy Member

• 25 feb 2007

• #6

kan iemand mij helpen met dit aub?

tis nogal dringend en ik heb nog steeds geen oplossing gevonde!

o

orez

Legacy Member

• 25 feb 2007

• #7

daarvoor zijn divjes toch zo handig (faux columns)

S

Sprits

Legacy Member

• 25 feb 2007

• #8

is het mogelijk om het toch te doen met tables?

als ik me div's werk, moet ik de gehele website terug aanpasse en daar heb ik geen zin in!
als het ni mogelijk is, dan doe ik het nog liever weg!

R

Ramm

Legacy Member

• 26 feb 2007

• #9

nibbler.be zei:

is het mogelijk om het toch te doen met tables?

als ik me div's werk, moet ik de gehele website terug aanpasse en daar heb ik geen zin in!
als het ni mogelijk is, dan doe ik het nog liever weg!

Klik om te vergroten...

zalige ingesteldheid

S

Sprits

Legacy Member

• 26 feb 2007

• #10

Ramm zei:

zalige ingesteldheid

Klik om te vergroten...

en uw toevoeging aan deze thread is nihil, dus laat da maar achterwege!

D

Dx-Solutions

Legacy Member

• 26 feb 2007

• #11

hey,

100% height is gebaseerd op de hoogte van uw content en niet uw scherm ...

wil je het met tables doen lukken, dan kan je via een javascriptje de specs van het gebruiksscherm opvragen en die waarde meegeven ...

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
document.writeln(screen.width + 'x' + screen.height);
-->
</SCRIPT>

X

Xavez

Legacy Member

• 26 feb 2007

• #12

nibbler.be zei:

en uw toevoeging aan deze thread is nihil, dus laat da maar achterwege!

Klik om te vergroten...

Uw toevoeging aan het wereldwijde web is ook nihil

S

Sprits

Legacy Member

• 26 feb 2007

• #13

Dx-Solutions zei:

hey,

100% height is gebaseerd op de hoogte van uw content en niet uw scherm ...

wil je het met tables doen lukken, dan kan je via een javascriptje de specs van het gebruiksscherm opvragen en die waarde meegeven ...

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
document.writeln(screen.width + 'x' + screen.height);
-->
</SCRIPT>

Klik om te vergroten...

bedankt!


en @ Xavez
die van u is even nihil als de mijne dan!