This is sort of a continuation of this post...
https://coderanch.com/t/114191/HTML-JavaScript/Combining-css-margin-table-width Anyways, I 'fixed' my problem by dropping tables altogether. I figured out how to get text to be left-aligned and right-aligned on the same line, which is one of the major things that tables can give you. Make a table 100%, have two columns. left-align one, right-align the other, and presto.
However, the other things that tables gives you has apparently long been the subject of some gnashing of teeth, and in fact the CSS people have decided to include some column type attribute in CSS3 (congrats on getting all the browser vendors on board with CSS2, btw). The thing in question? newspaper-layout. The 'holy grail' of 3-column layout.
Anywho.. one of the more common techniques appears to be using a 'float' attribute (I'm probably using the wrong
word there?)... here is my CSS and HTML. You'll see the problem (in IE6, Mozilla, Thunderbird).. the columns do not stay within their boxes.
Any ideas ?
There is *one* site I've seen that appears able to get it right...
http://glish.com/css/2.asp Their three columns are all well-behaved.. they aren't within a div with a border though, so perhaps I'm asking too much?
The one difference I can see is they appear to insert a piece like:
immediately below their columns. I haven't quite figured out what this does, or where to place it in my source to get it looking right.
apologies for the huge post.
[ December 09, 2003: Message edited by: Mike Curwen ]