SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot kevinritt's Avatar
    Join Date
    Nov 2002
    Location
    Lynn, Massachusetts-United States
    Posts
    138
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE6 problems in sidebar

    On the site here everything seems ok except for ie6 the content in the sidebar gets 'pushed' down more than half way. I tried changing the padding and the margin but it did not work.
    Also, the tabs for the video on the right are not working right. Can anyone lead me in the right direction.
    Thank you

  2. #2
    SitePoint Evangelist cgacfox's Avatar
    Join Date
    Feb 2005
    Location
    Colorful Colorado
    Posts
    412
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    The only thing I can say is why are you trying to get this to work in IE6? I did test in IE7 and I see the same problem. My CSS skills are not that strong so hopefully someone else can give you advice to get this to work properly in IE7 and up.

  3. #3
    SitePoint Member
    Join Date
    Sep 2011
    Location
    The Netherlands
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    At the moment i dont have IE 6 or 7 near so i cant say much. At the moment, your layout_body is 995px wide, while it contains 2 items.
    One which is the main, which is also 995px wide, which is the same amount as the container, though u also have your side_nav next to it with a total width of 240px(padding included), so next to eachother that will in total give you 1235px while their container is only 995px wide..

    So what u could try is setting the .main to the same width as the .content within it, which will be 720px and also give it a float.
    Code CSS:
    .main {
        float: right;
        width: 720px;
    }

    I can't test this for myself so please someone correct me if im wrong

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,296
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    I've only looked quickly and it looks to me as though the closing div for #main is closing after #content when I believe it should be closing after the side column so that #main contains both columns.

    Move the closing div into the correct place and then adjust the styles in the IE6 stylesheet where you have set #layout_body to have a margin-left of 109px for some strange reason.

    It also looks like you need to hide the overflow from the slider.

    Code:
    .one-half{overflow:hidden}
    #layout_body{
    	margin:auto!important;
    }
    Code:
         <div class="navigation"> </div>
       </div>
     </div><!-- move this closing div so that it closes after #sidemenu -->
     <div id="sidemenu" class="sidenav">


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
  •