positioning 2 element at bottom

[lukeurtnowski]

my form at http://scasp.com/testing/reviewform.php has problems. Why are the 2 element (div=Column2) not side by side, shouldn't they be?

[MrDiaz]

i do not see any problems with it, could you be more specific?

[lukeurtnowski]

It looks good in IN, but FF is where the problem is

[kefeso]

Hmm, actually in FF it is side by side, however, they are not aligned to the left. In IE though, they aren't at the same height.

[fisherboy]

It is a width issue.

As you resize your window width down, one column naturally drops under the other.

Either set a width attribute for the container of the two columns which is greater than needed or place a "clearing div" between each row of columns that reaches to the edge of the container.

Either technique means that those with lower screen res will have to horizontal scroll.

Alternatively you can take off the width settings on your columns, however these would soon break up and look pretty messy.

If you set your container width to 740px you will overcome your problems but ruin your fluid layout for larger resolutions.

This article MIGHT help.

Good luck.