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 Coder
    Join Date
    Dec 2006
    Posts
    56
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Div alignment issue in IE7

    Hey everyone,
    So I'm having an alignment issue with a div element (#sidebar) in IE7. Not worried about ie6. The div aligns correctly in safari, ie8 and FF. Obviously wouldn't be to worried unless client was yanking me over the coals over this issue... So you see my dilemma. =0

    Here's the site: http://dcpowersupport.com/

    The sidebar on the left, in ie7 seems to want to be raised a little higher. I've tried tweaking the css for #sidebar but have had no luck. So here I am.

    Any ideas or documentation that might help are appreciated.

    Thank you.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Remove overflow:hidden; from #main
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Dec 2006
    Posts
    56
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Remove overflow:hidden; from #main
    Thanks for the input, I did remove that attribute, but there still seems to be some issue with the alignment.

    I tried making position relative and modifying z-indexes, but still didn't want to work for me...

  • #4
    New Coder
    Join Date
    Dec 2006
    Posts
    56
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Okay. So I think I'm just going to use a snippet of css to target only ie7 browsers as I can't seem to make this work any other way. Let you know how it turns out.

    Code:
    <!--[if IE 7]>
    	<link rel="stylesheet" type="text/css" href="ie7.css">
    <![endif]-->

  • #5
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    Assignining a height of 176px to #flashBanner seems to sort IE7 without causing any issues with FF.

  • Users who have thanked SB65 for this post:

    yannibmbr (08-18-2010)

  • #6
    New Coder
    Join Date
    Dec 2006
    Posts
    56
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by SB65 View Post
    Assignining a height of 176px to #flashBanner seems to sort IE7 without causing any issues with FF.
    I haven't tried that yet. However, what I did do was this:
    Code:
    #main {
    	background:url("images/sidebar_extended_bg.png") repeat-y scroll left center transparent;
    	margin-top:0px;
    	*margin-top:4px; /* This attribute is passed to ie7 and lower */
    }
    This seemed to do the trick and it seems to work well in ie7, 8, ff and safari.

    Thanks for the help!


  •  

    Posting Permissions

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