Archief - HTML: Table dynamic cell height

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
D

DeFlup

Legacy Member
Ik heb volgend voorbeeld opgesteld in FF:
http://users.pandora.be/fluppe/xhtml/borderTest.html

In FF wordt het perfect weer gegeven.

De bedoeling is dit:
De linkse kolom kan verschillen in hoogte.
De rechtse kolom bevat 2 rijen,
  • 1ste rij (rood) vergroot mee als de linker kolom groter wordt
  • 2de rij (image/geel) blijft altijd even groot

Dit wil echter niet werken in IE. In IE neemt de 1ste rij gewoon de hoogte van de content aan en wordt de 2de rij groter.

Weet er iemand een oplossing om dit in IE te fixen?
U

UnD3RD0G

Legacy Member
ff checken,
man, tables is lang geleden, en ik moet vertrekken, als ik vanavdon tijd heb check ik nog eens snel even :)
D

DeFlup

Legacy Member
UnD3RD0G zei:
man, tables is lang geleden
Klik om te vergroten...

héhé, je bent niet de enige ;) daarom dat ik er ook zo mee aan het knoeien ben.

Normaal gezien zijn tables "a big no-no" maar in deze situatie kan ik echter niet anders :s
D

DeFlup

Legacy Member
Ik heb ontdekt dat het dus wel werkt als ik een height zet op mijn table zelf, maar doordat de table user input bevat is het dus onmogelijk om te weten hoe hoog de tabel is. Dit is dus geen oplossing spijtig genoeg :(

Ik ben zojuist dit tegen gekomen: http://www.hagadonenewmedia.com/rowspan_ex01.jpg

Dit geeft een mooie grafische weergave van wat het probleem juist is.
D

Da_Luke

Legacy Member
Zit nu op het werk en heb geen editor dus effe uit de duim zo zou je dit denk ik moeten schrijven, table's zijn easy als je ze in elkaar gaat gaan gebruiken volgens mij:
HTML: 
<table>
  <tr>
   <td>
linkse tekst
   </td>
<table height="100%">
  <tr>
   <td>
rood
   </td>
  </tr>
  <tr>
    <td height="vaste waarde">
geel, image
    </td>
  </tr>
</table>
   </td>
  </tr>
</table>

heb niet getest of dit werkt maar denk het wel, je kan ook met rowspan="2" werken maar vind dat beetje te moeilijk om da crossplatform te krijgen (vandaar je probleem)

Greetz
D

DeFlup

Legacy Member
Ik heb een oplossing gevonden die werkt maar enkel als IE in quirks mode staat. Dit is niet zo een ramp voor de toepassing waar ik het voor nodig heb. De bedoeling is er een mailtemplate van te maken. Om dit te doen moet het er dus goed uit zien in "Word" :s en dat is dus niet het geval :(
Code: 
<html>

<head>
  <title></title>
</head>

<body>
	<style>
			table, td, tr { margin: 0; padding: 0; }
	</style>
	<table cellpadding="0" cellspacing="0">
		<tr>
			<td>
				<p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.</p>
				<p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.</p>
				<p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.</p>
				<p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.</p>
				<p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.</p>		
				
			</td>
			<td height="100%" bgcolor="#4169E1">
				<table height="100%">
					<tr>
						<td style="background: #FF0000;display: block;" height="*">&nbsp;</td>
					</tr>
					<tr>
						<td style="background: #FFFF00" height="100" valign="bottom"><img src="" width="300" height="100" /></td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	<a href="http://www.hagadonenewmedia.com/rowspan_ex01.jpg">http://www.hagadonenewmedia.com/rowspan_ex01.jpg</a>
</body>

</html>
D

Da_Luke

Legacy Member
Die methode die je aanhaalt is eigenlijk hetzelfde of die ik heb geschreven alleen wa overzichtelijker :p nuja, ik dacht dat deze op alle platforms werkte :)
D

DeFlup

Legacy Member
Da_Luke zei:
nuja, ik dacht dat deze op alle platforms werkte :)
Klik om te vergroten...

Word is nu niet echt een betrouwbaar platform te noemen ;). Hoe komen ze er op om Word als rendering engine te gebruiken voor e-mails? :s
D

Da_Luke

Legacy Member
DeFlup zei:
Word is nu niet echt een betrouwbaar platform te noemen ;). Hoe komen ze er op om Word als rendering engine te gebruiken voor e-mails? :s
Klik om te vergroten...

ik had het dan ook niet over word :) :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan