Problems with colspan in a simple table and CSS

[toddknutson]

Hi,

I’m really new to HTML and CSS, but I’m trying to teach myself. Maybe you can help with this problem:

I have a table on my homepage that contains 3 columns. I want the first column to have multiple rows (each at 75px high), but I want the 2nd and 3rd column to only have 1 row, and have variable height. I used a colspan tag in the HTML, which seemed to work, in Safari. But I’d like it to look the same in all browsers.

In Safari, my first column, top cell, is displayed at the top of the table. And in Firefox and Chrome, that first cell is displayed at the bottom of the table.

How can I get the cells to start at the top of the table (each 75 px high) and build from the top-down. For example, This is a screen-shot of what I’d like to have in all browsers: http://toddk.org/table-css-help.png

Here is my site:
http://toddandjill.com/

CSS:
http://toddandjill.com/tkstyles.css

These are the CSS properties for my table (also in the CSS file above):

.home-table {

margin: 20px auto 0px auto;

border-spacing: 8px 0px;

}



.home-table .row1 {

width: 316px;

height: 0px;

NOborder: 3px dotted;

vertical-align: text-top;

}



.home-table .row2 {

width: 316px;

height: 75px;

border-bottom: 2px dotted #c1c1c1;

vertical-align: text-top;

}

Any help would be greatly appreciated, thanks!!
Todd

[shaun101]

The way to work this would be to include a new table within the left hand side

.

So:

The Hit List



























Random iPhone Photos






Random iPhone Photos






Random iPhone Photos






Random iPhone Photos






Random iPhone Photos

















Todd's Recently Surfed


See all









Jill's Recently Surfed


See all







 

But to be totally honest you would be best served to use div’s for this layout, using css floats to get the desired effect.

[toddknutson]

Thanks for the tips! I’ll give one of those options a shot. I was considering using divs and CSS, but I didn’t understand the float parameter, so maybe I’ll learn that instead. Thanks!
-Todd

[Author]

Posts