SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard lukeurtnowski's Avatar
    Join Date
    Mar 2003
    Location
    Coronado
    Posts
    1,647
    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."

  2. #2
    SitePoint Zealot MrDiaz's Avatar
    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

  3. #3
    SitePoint Wizard lukeurtnowski's Avatar
    Join Date
    Mar 2003
    Location
    Coronado
    Posts
    1,647
    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."

  4. #4
    SitePoint Addict
    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.

  5. #5
    Carpe Diem = Fish of the Day fisherboy's Avatar
    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.
    fisherboy
    Web Site Design


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •