Results 1 to 5 of 5
  1. #1
    Join Date
    Aug 2007
    Posts
    3
    Plugin Contributions
    0

    Default center wrapper border problem with IE

    Hi all, hope someone out there can help

    I am trying to put a 1px border around all the side boxes and center boxes. To this end I did this:

    .centerBoxWrapper, .sideBoxContent {
    background-color: #ebf9e8;
    border: 1px solid #9e99d0;
    border-bottom: 14px solid #9e99d0;
    height:auto;

    }

    In Firefox it works just fine, but in IE the border in the center wrapper doesnt extend all the way down to the bottom of the box. Only the first 2 rows of 3 images are enclosed, the rest are protruding out of the bottom of the box. I know it must be my css but I cant see it. Any ideas?

    Steve

  2. #2
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: center wrapper border problem with IE

    Various fixes for this, but need to see the site to work out which one is appropriate. Do you have a link to it?
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  3. #3
    Join Date
    Aug 2007
    Posts
    3
    Plugin Contributions
    0

    Default Re: center wrapper border problem with IE

    Hi, thanks for replying
    No sorry, its running on a test server at the moment with no internet access. Can you give me a couple of ideas to try?
    Steve

  4. #4
    Join Date
    Aug 2007
    Posts
    3
    Plugin Contributions
    0

    Default Re: center wrapper border problem with IE

    Quote Originally Posted by speedysteve View Post
    Hi all, hope someone out there can help

    I am trying to put a 1px border around all the side boxes and center boxes. To this end I did this:

    .centerBoxWrapper, .sideBoxContent {
    background-color: #ebf9e8;
    border: 1px solid #9e99d0;
    border-bottom: 14px solid #9e99d0;
    height:auto;

    }

    In Firefox it works just fine, but in IE the border in the center wrapper doesnt extend all the way down to the bottom of the box. Only the first 2 rows of 3 images are enclosed, the rest are protruding out of the bottom of the box. I know it must be my css but I cant see it. Any ideas?

    Steve
    Ok, I hunted around the forums for a long time and fixed it. i changed

    height:auto;

    to

    height:1%;

    Not entirely sure why this fixed the problem tho.
    Steve

  5. #5
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: center wrapper border problem with IE

    It works because IE is a bit lazy about calculating the height of divs - by changing the height to 1% you force it to look at how much space your div really needs, conclude that it's more than 1% and over-ride that value with one that actually works.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

 

 

Similar Threads

  1. Main Wrapper Border
    By mawson in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 11 May 2010, 01:39 PM
  2. Problem with logo wrapper on Internet Explorer
    By klim in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 25 Apr 2010, 05:46 PM
  3. Modifying default template problem with main wrapper size
    By gseiber in forum Basic Configuration
    Replies: 5
    Last Post: 29 Mar 2010, 12:22 PM
  4. stylesheet layout problem with main wrapper
    By flyingpuck9 in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 25 Feb 2009, 03:35 AM
  5. IE Kicking Products Below the Center Box Wrapper
    By CrazedLemming in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 2 Sep 2007, 04:09 PM

Posting Permissions

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