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 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Nov 2008
    Location
    minnesota
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Automatically fill index page and get rid of horizontal scroll?

    I want to disable the horizontal scroll on my index page. I still need the vertical scroll to show up, but only if there is more content to scroll.

    I also want to make it so the graphics and contents of the page stay aligned and fill the window even if it is resized by the viewer.

    What's the best way to do this?

    thanks

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello jmculver,
    I want to disable the horizontal scroll on my index page.
    overflow-x: hidden;
    I still need the vertical scroll to show up, but only if there is more content to scroll.
    Your browser does that on it's own, you don't have to write anything to make it do it.

    I also want to make it so the graphics and contents of the page stay aligned and fill the window even if it is resized by the viewer.

    What's the best way to do this?
    Both staying aligned and filling the page are pretty hard to do. Do you have the url of a page that does this?
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Quote Originally Posted by jmculver View Post
    I want to disable the horizontal scroll on my index page.
    Don't do that. No, really, don't.
    What if someone comes to your site with a small resolution/mobile browser? How will they be able to see anything? And you can't count on mobile medium stylesheets either, because some think they're above that. There are solutions, though: code for 800 or 1024 pixels (choose your personal preference) or have a fluid layout (that's percentages of available screen estate) and live and let live.
    I'm guessing that IE is chucking a huge random margin on the right side of your page? IE really likes to do that...
    Last edited by Apostropartheid; 11-30-2008 at 10:50 PM.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,862
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    I want to disable the horizontal scroll on my index page. I still need the vertical scroll to show up, but only if there is more content to scroll.
    Could you post a link to your page to see what's causing that horizontal scroll?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New to the CF scene
    Join Date
    Jan 2009
    Location
    Vancouver, BC
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I have a similar problem. I want to be able to have an image contained in a div that acts as the background image which is resizable, but have content contained in another div that makes the browser window scroll up/down. But it's that div container containing the scroll that is giving me problems, because it's unnecessarily putting horizontal scroll bars on the window. Here's the sample url:
    http://www.issbc.org/adrian_test/default.htm

    Can anybody give me any hints about what to do to avoid the horizontal scrolling? I would do the overflow-x:hidden trick, but, as mentioned above, I don't want to use it in case of viewers with tiny resolution.

    Any help would be greatly appreciated! Thank you!

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,862
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Just have a try by using the method described in http://webdesign.about.com/od/css3/f/blfaqbgsize.htm, which has no overflow:auto;
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #7
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The frame page and images look fine when viewed on my Macbook Pro with Safari and Firefox.

    But I went on my G5 Mac and on Safari and everything is too big for the browser. the images are too big and are cropped (because i have scroll turned off) and then the content has horizontal scroll which shouldnt be there.

    (again, its fine on my macbook pro laptop, which i used to create the files)

    the website isn't finished. but you can click here.

    www.portfolio.jmculver.com

    click on portfolio link and you'll see what I mean.

    (i know there are some broken images and links, I'm still working on the content but want to make sure i have it fitting the browser)

    If i resize everything, then it will be too small on my laptop browser, but fit in the G5 browser?

    I want to make it where it isn't going to be too big or small in other people's browsers.

    any help?


  •  

    Tags for this Thread

    Posting Permissions

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