Forum Moderators: open

Message Too Old, No Replies

IE rowspan issue

Table vs. CSS

         

barteringlines

11:51 am on Mar 24, 2008 (gmt 0)

10+ Year Member



I believe that I am going to move to CSS and have started creating my site with the div tags already but wanted to see if there were any updates on an issue I had seen a few times.

I have a layout where if using a table I would have 3 columns and 5 rows. I have column 1 spanning 3 rows to hold the logo (rows 1,2,3) and column 2 spanning three rows (rows 3,4,5) for content. As you can see row three is overlapping so my height specifications for columns 2 and 3 for row 2 and 3 are being ignored by IE. Firefox works just fine. Do I need to bury an old friend (table layout) for CSS. I use CSS all the time now but not for positioning.

Thank you so much for the advice. I have spent the weekend with this and got quite a bit of help from your forums.

Jon

Marcia

12:03 pm on Mar 24, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



If you just add an extra row to column two to correspond with the bottom <td> of column one, then both columns will add up to the same total height. Col-2 Row-3 can just contain <p>&nbsp;</p> and that solves that. Which has nothing to do with switching to a CSS layout, which is a good idea unless it'll be a lot more work with a ton of extra code and multiple CSS hacks just to get around using the one HTML table hack.

barteringlines

12:18 pm on Mar 24, 2008 (gmt 0)

10+ Year Member



thank you for the quick reply, I will try that out this evening.

Jon