I am having issues trying to line up two separate divs that are next to each other. The divs are within a div for the page, and then they are positioned relative, and floated left, does anyone know a way to get these two divs to become the same size?

Here is where it is located,
http://208.71.168.151/~amicica/

There may be a few x-browser issues, as I haven't worked on fixing any of those issues left.

Thanks,
Brett Adams

Equal height columns are quite tedious, here are few links on topic

http://www.positioniseverything.net/...ut/equalheight
http://www.alistapart.com/articles/fauxcolumns/

This is the best, but no support for ie7 and 6 (and kind of uses tables)
http://zoffix.com/new/sameheight.html

top:xxpx ?

take a look at this article:

http://www.ejeliot.com/blog/61

If I understand what you mean, you want your columns of equal height, no? That link tells you the how-to's.

Originally Posted by Lazylegs

Equal height columns are quite tedious, here are few links on topic

http://www.positioniseverything.net/...ut/equalheight
http://www.alistapart.com/articles/fauxcolumns/

This is the best, but no support for ie7 and 6 (and kind of uses tables)
http://zoffix.com/new/sameheight.html

I haven't been able to get the first link to work

I can't use the faux columns in the second link due to the designs

I have to have xbrowser support so the third item will not work.

Originally Posted by lynxus

top:xxpx ?

I am not sure what you mean by this... can you explain a little further

Originally Posted by edgray

take a look at this article:

http://www.ejeliot.com/blog/61

If I understand what you mean, you want your columns of equal height, no? That link tells you the how-to's.

Yes I need the columns to be the same height, and this link has much of the same as the others, I saw a JS way to do this, is it reliable or near xbrowser?

Ok finally a solution, it isn't a preferred solution as I have to make a few changes to the background colors; and add more code. I made the overall background color of the page div to the color I wanted to fill the remainder of the right column. Then I set the background color of the remainder divs, This is a decent solution, but it won't work for anyone who has any transparent background in their pages.

Originally Posted by 3hatsconsulting

Ok finally a solution, it isn't a preferred solution as I have to make a few changes to the background colors; and add more code. I made the overall background color of the page div to the color I wanted to fill the remainder of the right column. Then I set the background color of the remainder divs, This is a decent solution, but it won't work for anyone who has any transparent background in their pages.

looks good.

Thanks, I just wish I could have solved it by getting it to have the same heights.

try this article.