Height and Scrollbar prob - shifting my design if alot of text

Discussion in 'CSS' started by garydee77, Feb 4, 2008.

  1. #1
    Ok guys newbie here to tableless design - like it but it does certainly have a steep learning curve!! :eek:

    Just got my nose out of CSS the missing mannual which really was pretty good.

    This is one of my early attempts but am having a little problem with pages that have content that makes the page scroll - the design shifts seemly a little to the left when the scrollbar becomes active.

    See here:
    [Can't post live links apparently - just read the FAQs - but perhaps my description explains it well enough?]

    On the index page (Should I sue) and on the Who Are pages the design is ok - but on the other 3 where the content moves below the end of the page i.e. longer text hence scrollbar becomes active then (I'm viewing on 1024) the design seems to shift a little to the left causing this to not look so good.

    Works in IE but not in Firefox.

    Can anyone point me in the right direction to what I may have to change in my css doc?

    Many thanks in advance guys!

    GarethD
    Ireland.
     
    garydee77, Feb 4, 2008 IP
  2. garydee77

    garydee77 Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I sorted it guys.

    I added:

    html
    {
    overflow-x: auto;
    overflow-y: scroll;
    }

    Cheers - hope that helps anyone else with similar prob!!

    G
     
    garydee77, Feb 4, 2008 IP