Forum Moderators: not2easy

Message Too Old, No Replies

css hybrid

         

ControlZ

9:29 pm on Jan 30, 2007 (gmt 0)

10+ Year Member



Scenario is as follows:

2 column layout use table.

1st (left) column has two rows. In the top row is suckertree css menu. In the second row I want to put a promo for a newsletter.

Here's the problem, anything I add (data) to the second row, it changes vertical positioning according to the page height which varies from page to page. I set the row to align top. Does no good. I am trying to figure out a way to force the content in the second row to always align top regardless of the amount of data in the second column.

Without going to full-blown css site, is there a way to force this content, perhaps using "clear" to always align top (just under the suckertree menu)?

abbeyvet

9:52 pm on Jan 30, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The only way to get what you want in a tables layout is to nest a second table in the leftmost cell of the first.

So, you would have one outer table with two columns and one row, the content in the right cell, nothing in the left one. Then put a second table into the left cell, with one column and two rows. Put the navigation in the top cell.

But its so much easier in CSS........

Setek

12:24 am on Jan 31, 2007 (gmt 0)

10+ Year Member



Your explanation was a little hazy, so I'll just try to clarify:

You put lots of content in the second column. When that happens, the lesser-content-rich first column centers vertically - because that's how tables by default work.

Is that right?

If that's the case, it's a simple matter of vertically aligning the cells to top:

table td { vertical-align: top; }

SuzyUK

10:57 am on Jan 31, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



ControlZ

I think it might be a table layout issue, but we would need more info if Seteks code doesn't work

e.g.
Are you using rowspan in your table?
does the top left cell require a fixed height?
Is it working in any browser?

Suzy

ControlZ

4:45 pm on Feb 4, 2007 (gmt 0)

10+ Year Member



table td { vertical-align: top; } seems to have done the trick.

I realize 100% CSS is the way to go, but because of the amount of work, it has been next to impossible to find the time to fully learn CSS. Thus, I have been gradually going that direction, using CSS methods I know work and integrating them into a table-based design.

Sorry for the delayed reply. Seems like even though I enable email notification, I never receive the damn emails.