CSS and column rendering issue

  • Thread starter Thread starter Philip S Massam
  • Start date Start date
P

Philip S Massam

Most of our pages have two columns.

If the left column is longer than the right column then
the borders, controlled by CSS, of the tables in the right
column are displayed without closing lines.

http://pages.sbcglobal.net/tortugap/showCSS_longLHS.htm

If the right column is longer than the left column, in
terms of content, then the tables in the right column are
displayed WITH closing lines.

http://pages.sbcglobal.net/tortugap/showCSS_longRHS.htm

This seems like a bug in IE rendering to me.

Any comments?
phil
 
Philip S Massam said:
Most of our pages have two columns.

If the left column is longer than the right column then
the borders, controlled by CSS, of the tables in the right
column are displayed without closing lines.

http://pages.sbcglobal.net/tortugap/showCSS_longLHS.htm
Click to expand...

Try changing your innerTable class definition to:
width: 99%;
(you forgot to take into account the padding on the inner and outer tables).

Question: Why use tables at all if you are defining it with CSS? Wouldn't it
be easier (and a whole lot less HTML to download) to simply define a <div>
class, then float left and right, to achieve your columns?
 
Back
Top