Forum Moderators: not2easy

Message Too Old, No Replies

2 columns need help keeping even

         

Acternaweb

4:16 pm on Feb 18, 2004 (gmt 0)

10+ Year Member



I have 3 coulumns (home left,home center home right) I want home right and home left to be the same height. Home right has a lot more content then home left. When I put a "height" value in home left, it spreads out at the end into the homecenter area, where there isn't content. How do I stop this? Hope this makes sense, if not please let me know what will help.

THanks,

isitreal

1:41 am on Feb 19, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Not much to go on here.

If homeleft spreads into homecenter, I assume you're using a right and left floated div to create those columns? Is that correct?

Or positioned divs? With a virtual center created by the right and left columns?

As always, the real solution to getting columns to match in heights is very simple, super stable, been around for years, and for some hard to understand reason considered almost taboo here at WebmasterWorld. Go figure, personally I just use what works best for the job, less headache that way.

If the columns are divs, and if they are floated, and if they extend beyond the edges of your browser window, you can't size them relative to each other as far as I know, somebody correct me if I'm wrong there, at least not without using javascript on page load to do the div height sizing relative to the document height, I think that's how it works anyway.

Jessi

2:53 am on Feb 26, 2004 (gmt 0)

10+ Year Member



Acternaweb, I'm just a newbie, and may be asking the wrong question. But what units are you using to specify the height? Would percentages help?

SuzyUK

10:06 am on Feb 26, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Acternaweb
you can't set the height of your left column according to your right column you can only set heights according to an elements parent.

If you want to keep going with your CSS layout can you post a simple cut down example of the code you're using to produce your layout.. i.e. we'd like to see if you're using floats or absolute positioning .. no need for content we can work out that from your description but is your center "column" always longest?

isitreal - tables, which is what I presume you are referring to, are not taboo... and subtly referring to them as such doesn't make the things any easier.

.. have you read all the CSS and tables discussions we've had in the past? It took me months to catch up and there wasn't so much back then ;) .... plus this particular forum is only a very small part of WebmasterWorld ;)

This is the CSS forum however and folks who come here to ask CSS questions don't need to feel like they've entered a "taboo" zone. You can use CSS with tables not against them! and a table may still be the best solution for some but at least let's discuss it ;)

Thx
Suzy