Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

IE woes...HALP

  • 28-10-2008 11:25PM
    #1
    Niall09
    Registered Users, Registered Users 2 Posts: 806 ✭✭✭


    Right, I've gone about redesigning a new site for my school. I'm still pretty noob at web designing, but this is really pissing me off.

    1. In FF/Chrome/Opera , the dropdown menu works, in IE it doesn't.
    2. In FF/Chrome/Opera , the page is centred, in IE it isn't.
    3. Padding is different in IE to the rest. eg. in IE, you can see that the navbar at the top doesn't span the whole way across width (and the footer).

    These are 3 things that probably have something stupid missing in the code, but I just can't find the problem.

    The only thing thats wanted is the sidebar, in IE it is all white colour, but in the rest, it only stops at the contents end.

    Forget about the page content, it's just a test.

    http://www.cbscharleville.com/test

    Please help, Thanks


Comments

  • #2
    Liam Byrne
    Closed Accounts Posts: 18,163 ✭✭✭✭Liam Byrne


    Niall09 wrote: »
    1. In FF/Chrome/Opera , the dropdown menu works, in IE it doesn't.
    I can't see how you've implemented the drop-down menu; it looks like a CSS-only menu (no JavaScript); my main observation would be that you can't / shouldn't have objects with the same id (currently "subnavlist").....change these to class="subnavlist" (and the appropriate CSS to ".subnavlist" instead of "#subnavlist") and then maybe it'll work.
    Niall09 wrote: »
    2. In FF/Chrome/Opera , the page is centred, in IE it isn't.

    You need a wrapper around all the content, and then set the text-align of the body to "center" (American spelling), with the wrapper set for text-align:left;margin-left:auto;margin-right:auto
    Niall09 wrote: »
    3. Padding is different in IE to the rest. eg. in IE, you can see that the navbar at the top doesn't span the whole way across width (and the footer).

    IE's box model is flawed; either ignore padding and set an internal div with width & margin, or use the IE-only override *width

    Niall09 wrote: »
    The only thing thats wanted is the sidebar, in IE it is all white colour, but in the rest, it only stops at the contents end.

    Do a search for "CSS columns"; it's difficult enough to achieve if the content height can vary. The usual way around it is to put a background image on the content area that goes "behind" the sidebar and achieves the same result.


Advertisement