Couple of Issues With a Layout

Discussion in 'CSS' started by doof92, Aug 7, 2008.

  1. #1
    Hey,

    I've found this template on the internet (http://doof92.co.uk/layout), and looking to adjust it for my needs. There are a couple of things that I need doing, and could do with a bit of help for:

    1) In IE, the page has a horizontal scrollbar there for no reason. It's as if the page has been extended to the right. This only appears in IE and not FF or other browsers. How can this be fixed?

    2) The header and navbar extend the full width of the page, whereas the content body is only 800px wide. How can I set it so the header and navbar are also only 800px wide, and to work in all browsers?

    3) I've got a menu bar on that layout, but would like it to be a drop down menu. I would prefer it to be totally CSS, and no Javascript, if possible.

    If anybody could do these few bits of CSS for me (shouldn't take too long for someone who knows what they're doing :p), that would be good. I will be able to offer a couple of links on a PR2 website, but not a lot else unfortunately.

    Thanks very much,
     
    doof92, Aug 7, 2008 IP
  2. CollyMellon

    CollyMellon Peon

    Messages:
    749
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Your #shadow div (the one just below the navbar div) is causing the scroll bar in IE, adjust this div to solve.
     
    CollyMellon, Aug 7, 2008 IP
  3. webdzr

    webdzr Peon

    Messages:
    32
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    webdzr, Aug 8, 2008 IP