Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 11 of 11
  1. #1
    New Coder
    Join Date
    Oct 2007
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts

    height:100.03% doesnt force scrollbar in ff anymore

    height:100.03% doesnt force scrollbar in ff anymore - and doesnt in chrome either
    are there other solutions?
    thanks
    rasmus

  • #2
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,699
    Thanks
    0
    Thanked 233 Times in 228 Posts
    Hi there samtaleterapi,

    have you considered..
    Code:
    
    body {
        overflow-y:scroll;
     }
    
    coothead

  • #3
    New Coder
    Join Date
    Oct 2007
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    i have now
    works fine in ff but doesnt have any effect in chrome
    any other ideas?
    (i just found out that height:101% works, but it adds height unlike the 100.03%)
    (and maybe i should mention that im using a 1 column design described by http://www.pmob.co.uk/temp/1colcentred.htm)
    thanks
    rasmus
    Last edited by samtaleterapi; 11-22-2008 at 06:50 PM.

  • #4
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,699
    Thanks
    0
    Thanked 233 Times in 228 Posts
    Hi there samtaleterapi,

    you could try this...
    Code:
    
    <style type="text/css">
    html,body {
        height:100%;
        margin:0;
        padding:0;
        padding-bottom:1px;
     }
    </style>
    
    coothead

  • #5
    New Coder
    Join Date
    Oct 2007
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    better than 101 but still adds height
    do you know why 100.03 doesnt work anymore?
    is it because of ff3? i seem to remember i was using ff2 when i worked
    rasmus

  • #6
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Quote Originally Posted by samtaleterapi View Post
    better than 101 but still adds height
    do you know why 100.03 doesnt work anymore?
    is it because of ff3? i seem to remember i was using ff2 when i worked
    rasmus
    I think that Firefox 3 prefers to round to the nearest pixel rather than assume subpixels. Why exactly do you need a scrollbar? Is it that you want it to look like it does in IE? Because, really, users don't notice...

  • #7
    New Coder
    Join Date
    Oct 2007
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    i just dont want the content to move sideways when i navigate to a page longer than the screen
    rasmus

  • #8
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Quote Originally Posted by samtaleterapi View Post
    height:100.03% doesnt force scrollbar in ff anymore - and doesnt in chrome either
    are there other solutions?
    thanks
    rasmus
    You want to force a scrollbar to what? A div? A frame? Or the whole page?

    Scrollbars generally don't appear, when there is nothing to scroll. Therefore, no need for a scrollbar. In which case, shouldn't you be trying to force the scrollbar out, instead of trying to force one, where it is unnecessary?

    Quote Originally Posted by samtaleterapi View Post
    i just dont want the content to move sideways when i navigate to a page longer than the screen
    rasmus
    It shouldn't do, unless the page is wider. I wouldn't pander to it, by forcing a good browser to act stupid. Better, I think, to work on making the page fit the average anticipated screen conditions. Even then, you can bet your sweet life, someone, somewhere's going to be viewing your page in a screen smaller than your content... So scrolling, somewhere, at some time, is inevitable.

    Last edited by Doctor_Varney; 11-23-2008 at 04:17 PM.
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • #9
    New Coder
    Join Date
    Oct 2007
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    the site in question is www.samtaleterapi.com
    on the /index page the content generally wont need a vertical scroller, but /spiseforstyrrelser will
    when i navigate to /spiseforstyrrelser from /index the content jumps leftwise because the effective window width is smaller on account of the scrollbar
    the html, body {height:101%} forces a vertical scrollbar on all the pages - effectively getting rid of the jumping of content, because the windows width is already smaller
    thats what i want
    sorry not to make that cleat from the start
    thanks for the interest
    rasmus

  • #10
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Okay... Well, is this of any use to you? I just found it and thought of you.

    Sorry I can't be of more help.

    Regards,
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • #11
    New Coder
    Join Date
    Oct 2007
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    {height:100.1%} works the same way {height:100%; padding-bottom:1px;} does: it adds height so i can sroll ever so slightly (which 100.03% didnt)
    but i have two solutions now and nearly what i wanted
    thank you everyone
    rasmus
    edit: actually 100.1% doesnt work in chrome and safari the way 100% and 1px bottom padding does
    i tried html, body {height:100%} and body {overflow-y:scroll} which worked perfectly (didnt even add height) everywhere but ie where two vertical scrollbars appeared
    Last edited by samtaleterapi; 11-23-2008 at 06:23 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •