Sent by Andre Dubuc on 2 August 2002 18:06
I've been struggling with fluid layout problem. Following fairly closely
Eric's 'Complexpiral Demo', I've modified it to my needs. The problem I'm
encountering, (and quite frankly I don't think a solution is possible) is
that the compositing flows seamlessly even with a table, until it hits the
table's borders. Then, the table juts out, while the containing box, in this
case, 'content', continues to shrink seamlessly.
I've tried using no tables, i.e., the direct CSS approach, but the result is
the same. To lessen the problem, I lowered the font size to 11px, so at least
it doesn't jut earlier.
Is there a way to shrink a table (perhaps by decreasing font size further?)
The table border = 3, cellpadding=5.
CSS:
div#content {position: absolute; top: 55px; left: 181px; right: 55px;
color: #FFCC99; font: 13px Verdana, sans-serif; padding: 10px;
border: solid #FFCC99; background: #468; }
div#table {color: blue; position: relative; top: 0px; left: 0px; right: 0px;
color: #268; font: 75% Verdana, sans-serif; color: #FFCC99;
padding:10px; }
Any ideas of where to look would be greatly appreciated.
Tia,
Andre
From [EMAIL-REMOVED] Fri Aug 2 18:20:52 2002
From: [EMAIL-REMOVED] (Austin, Darrel)
Date: Fri Aug 2 17:20:52 2002
Subject: [css-d] Re: Final result (thanks everyone!)
Message-ID: [EMAIL-REMOVED]
.mn.us>
Hey! That works! Wow...thanks, Daniel.
Here's the result:
http://www.darrelaustin.com/clients/court/employeeinfo/
css at: http://www.darrelaustin.com/clients/court/assets/sitestyle.css
It's almost dead-on perfect visually. The only remaining issues (which
aren't really that serious) are the fact that I can not get these to align
bottom. No matter where I put the vertical-align: bottom attribute, they
refuse to do it. That and in IE 5.5, I still get the 2px/1px bottom border
on the nav bar. Mozilla seems to render it fine now, though.
-Darre;
