Forum Moderators: not2easy
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Untitled</title></head><body>
<table summary="" border=1 cellspacing=2 width=300>
<tr><td width=200 valign=top><p>Je suis ofann su champignon. Beseastais aime, ofotre tipené ip iismuche erumentette. Jaune tome ico marchez pingouin. Gris ennid oso em nezess or. Ondus prestidigitateur, treuss cueaais in eraeaisons ebroauaise. Mémentais bleéous atu kisiastes oeuf. Ireond vup, ichal eléond imo marulent ohitique. Ondaond reralonne sapes, asti àmentup homementi suquelle. </p></td>
<td valign=top ><p>Odibus suras, lupr upesces se bropeci atoscat. <b>Height utilitized occuping remaining space.</b></p></td></tr></table>
<br><br>
<div style="width:300px;border: 1px solid #a0a0a0;padding:2px;">
<div style="width:198px;border: 1px solid #a0a0a0;float:left;">
<p><b>First Column</b>Je suis ofann su champignon. Beseastais aime, ofotre tipené ip iismuche erumentette. Jaune tome ico marchez pingouin. Gris ennid oso em nezess or. Ondus prestidigitateur, treuss cueaais in eraeaisons ebroauaise. Mémentais bleéous atu kisiastes oeuf. Ireond vup, ichal eléond imo marulent ohitique. Ondaond reralonne sapes, asti àmentup homementi suquelle. </p></div>
<div style="width:96px;border:1px solid #a0a0a0;float:left;margin: 0 0 0 2px;">
<p>I want height to utilize remaining space matching the first column like in table.</p>
</div></div></body></html>
replace the stars with "a list apart", it is a great article about vertical positioning in CSS.
Does anyone know why webmasterworld is replacing that address with stars? Is there some kind of ban?
While it's possible to imitate most any table layout with css, it ain't always easy. I think the transition to css is an ideal time to go for a new design -- one that takes advantage of the materials.
Sorry to get all zen ;)
Adam
