Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    May 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Why is this narrow in IE?

    Can anyone see why the content area is narrow in IE but OK in firefox?

    http://www.b-naturals.com.php5-7.websitetestlink.com/

    I am stumped!

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    it looks like that main block that is under the product img needs to be floated to the right.

    Does that work, i couldnt look it up, there are so many classes, lol

    Code:
    float:right;

  • #3
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    263
    Thanks
    3
    Thanked 12 Times in 12 Posts
    i think your suffering from what i've suffered before..

    double spaces..

    try display:inline in the

    .dc main_cell_

  • #4
    New to the CF scene
    Join Date
    May 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    IE's Narrow..godsh!

  • #5
    New to the CF scene
    Join Date
    May 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Both good guesses but not the cause.

    It happens on every page so it's not specific to the content itself, where float: right might work.

    I went ahead and threw display:inline at all classes that wouldn't break with it, still no change.

    It looks like a width issue.

    stumped.
    Last edited by digiweb; 05-17-2008 at 06:01 PM.

  • #6
    Regular Coder Candygirl's Avatar
    Join Date
    Apr 2008
    Location
    Switzerland
    Posts
    184
    Thanks
    3
    Thanked 56 Times in 56 Posts
    Hello,

    Code:
    .dt { display:table; width:100%;}
    
    .dr { display:table-row; width:100%; height:100%;
    }
    
    .dc { display:table-cell; text-align:left; vertical-align:top; width:100%; }
    The problem is display:table, table-cell do not work in IE7 and under. Microsoft has announced that IE8 will support it.
    "Imagination was given to man to compensate for what he is not;
    a sense of humour to console him for what he is."
    -Francis Bacon


  •  

    Posting Permissions

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