SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot
    Join Date
    Feb 2001
    Location
    Kansas City, MO
    Posts
    145
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help me fix a formatting issue in IE

    My site at hostorchard.com looks fine in Chrome, Firefox and Safari but in IE the right box in the pricing table is dropping to the next line:

    View PogTob.png on ScreenSnapr

    Can anyone provide advice on how to fix this?

  2. #2
    American't awestmoreland's Avatar
    Join Date
    Sep 2002
    Location
    Grand Rapids, MI
    Posts
    1,168
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The margin-left in your CSS rule (below) is causing the issue. You have three columns which total the width of their parent exactly (3 x 320 = 960), but then you're adding a margin. This causes the last column to wrap as there's not room for it to fit beside the others. If you hard-code the columns to be 319px wide your problem will go away.
    Code:
    #price_table .column {
        float: left;
        margin-left: 1px;
        width: 33.3%; /* Make this 319px; */
    }
    From the English nation to a US location.

  3. #3
    American't awestmoreland's Avatar
    Join Date
    Sep 2002
    Location
    Grand Rapids, MI
    Posts
    1,168
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you want to keep the %age width, add another div inside the .column. Don't set a width on the new div, but set the margin on it instead of the parent.
    From the English nation to a US location.


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
  •