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 8 of 8
  1. #1
    New Coder
    Join Date
    Feb 2005
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE showing overflow area

    URL: http://www.europc.co.uk/europcdev/ho...ProductID=5491

    I'm creating the rounded background for the sub-menus (purple ones around the sides) with the following css/html:

    HTML
    PHP Code:
    <div class="spacer"></div>

    <
    div class="sideObjectHeader">
        <
    div class="sideMenuHeaderLeftDiv"></div>
        <
    div class="sideMenuHeaderRightDiv">
            <
    span id="lblText" runat="server" class="sideMenuHeaderDivText">Text</span>
        </
    div>
    </
    div>

    <
    div class="spacer"></div
    CSS
    PHP Code:
    .sideObjectHeader
    {
        
    text-alignleft;
        
    font-weightbolder;
        
    color#e5e5ea;
        
    vertical-alignbaseline;
        
    padding0px 0px;
        
    margin0px 0px 0px 0px;
        
    height18px;
        
    displayblock;
    }
    .
    sideMenuHeaderLeftDiv
    {
        
    backgroundurl(images/css/sideHeaderLeft.gifno-repeat left top;
        
    height18px;
        
    positionrelative;
        
    z-index150;
        
    width7px;
    }
    .
    sideMenuHeaderRightDiv
    {
        
    backgroundurl(images/css/sideHeaderRight.gif#444473 no-repeat right top;
        
    height18px;
        
    padding0px 0px 0px 8px;
        
    positionrelative;
        
    top: -18px;
    }
    .
    sideMenuHeaderDivText 
    {
        
    positionrelative;
        
    top2px;

    Everything looks okay on FireFox/XP but, in IE/XP, there's an extra bit of whitespace below the sub-title. It looks to me like it's the space left by the moving of the lower div up the way.

    I tried setting overflow: hidden but this just resulted in the layout breaking - divs tried to span to 100% for some reason so page gets stretched out horizontally.

    Does anyone know of any other way to get rid of the whitespace at the bottom of these?

    Thanks,

    K

  • #2
    Regular Coder ArcticFox's Avatar
    Join Date
    Jan 2004
    Location
    Vostok Station, AQ
    Posts
    602
    Thanks
    35
    Thanked 3 Times in 3 Posts

    Internet Explorer

    I'm not quite sure what whitespace you're talking about, but I *think* any extra whitespace can be eliminated by not having a carrage return or spaces in your code;


    <span id="lblText" runat="server" class="sideMenuHeaderDivText">Text</span>
    </div>
    </div>

    <div class="spacer"></div>


    Should be changed like this;


    <span id="lblText" runat="server" class="sideMenuHeaderDivText">Text</span></div></div>

    <div class="spacer"></div>


    Try that in the area where you're having problems with whitespacing. If it's what I'm thinking, it's a 'bug' in IE/XP...

    <div> - putting your mind in a box since 1997

  • #3
    New Coder
    Join Date
    Feb 2005
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I had tried that to fix it but didn't make any difference. Might be just another IE bug to add to the list.

  • #4
    Regular Coder ArcticFox's Avatar
    Join Date
    Jan 2004
    Location
    Vostok Station, AQ
    Posts
    602
    Thanks
    35
    Thanked 3 Times in 3 Posts

    Internet Explorer

    Any chance you could post an image with an arrow locating the problem area? I'm still not sure what part you're looking at.

    I'm sure we can solve this.
    <div> - putting your mind in a box since 1997

  • #5
    New Coder
    Join Date
    Feb 2005
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry, it's taken a while to reply - was working on another project there. Here's an image showing the difference between IE and FF on the PC/XP:



    I'm still not having any luck fixing it. Maybe by the time I'm done, IE7 will be out and the world will be a better place .

  • #6
    New Coder
    Join Date
    Feb 2005
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Just wondering if anyone had any suggestions for this - still not having any luck with it.

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    is that just on a certain page or all of your pages? because its fine for me, maybe clearing your internet cache could resolve the problem?

  • #8
    New Coder
    Join Date
    Feb 2005
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Managed to get round it by using some of the IE hacks.

    Thanks for the help though!

    K


  •  

    Posting Permissions

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