Layout Help - IE and FF Problems!

Discussion in 'HTML & Website Design' started by Guthix121, Jan 5, 2009.

  1. #1
    I just finished a template for my proxy: http://www.schoolhelper.info

    The first problem is that in IE, the sidebar goes way down, below the left content. I can't get it to go up. It looks perfect in FireFox, or any other browser really.

    The other issue is that the width goes over the monitor on FF (so there is a horizontal scroll bar).

    I tried editing the widths and everything just doesn't want to fix. Please help :confused:
     
    Guthix121, Jan 5, 2009 IP
  2. nyxano

    nyxano Peon

    Messages:
    417
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #2
    In IE regarding the side bar appearing at the bottom, there is a "width" problem. Once I changed #SIDEBAR to 220px instead of 240px width, it appeared properly. Play with your widths and your paddings to fix this problem.

    As for the horizontal scroll bar, on this line:

    <h1 style="position:absolute;text-indent:-9999px;">proxy - Unblock Myspace and Facebook, Unblock Websites</h1>
    Code (markup):
    ... when I remove text-indent:-9999px; the horizontal scroll bar goes away for me.

    Hopefully these solutions will work for you... or at the very least, give you a starting point on where to look.
     
    nyxano, Jan 6, 2009 IP
  3. Guthix121

    Guthix121 Well-Known Member

    Messages:
    1,078
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    105
    #3
    Tried it, didn't help at all.
     
    Guthix121, Jan 6, 2009 IP
  4. d tea

    d tea Peon

    Messages:
    436
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #4
    yea I had the same problem, my sidebar was too wide... check carefully in you CSS and in your code to make sure they match. IE is way behind with stuff like this but you have to very careful, good luck
     
    d tea, Jan 6, 2009 IP
  5. justinlorder

    justinlorder Peon

    Messages:
    4,160
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    0
    #5
    It is coz the left div breakout the width . Try to find out which elements breakout the width and you can fix it .
     
    justinlorder, Jan 6, 2009 IP