SitePoint Sponsor |
|
User Tag List
Results 1 to 5 of 5
Thread: positioning 2 element at bottom
-
Jul 1, 2006, 21:10 #1
- Join Date
- Mar 2003
- Location
- Coronado
- Posts
- 1,666
- Mentioned
- 3 Post(s)
- Tagged
- 0 Thread(s)
positioning 2 element at bottom
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?
"Oh, and Jenkins--apparently your mother died this morning."
-
Jul 2, 2006, 11:12 #2
- Join Date
- Dec 2005
- Location
- Ontario, Canada
- Posts
- 146
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
i do not see any problems with it, could you be more specific?
My Website:
www.planetdiaz.com
-
Jul 2, 2006, 16:41 #3
- Join Date
- Mar 2003
- Location
- Coronado
- Posts
- 1,666
- Mentioned
- 3 Post(s)
- Tagged
- 0 Thread(s)
It looks good in IN, but FF is where the problem is
"Oh, and Jenkins--apparently your mother died this morning."
-
Jul 2, 2006, 17:51 #4
- Join Date
- Mar 2005
- Location
- Toronto
- Posts
- 378
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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.
-
Jul 2, 2006, 18:24 #5
- Join Date
- Dec 2005
- Location
- New Zealand
- Posts
- 488
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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.
Bookmarks