Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: no scrolling at 800 x 600

Bottom of Page

1 to 4 of 4

  1.  
    • CommentAuthorbigbadabob
    • CommentTimeSep 14th 2006
     permalink
    Hi everyone.

    Quick question for anybody whom knows the answer! I have a site designed to fit 800 x 600. Now i have a righthand bar that has less important information which is visible at 1024 x 768. Is there anyway when someones resolution is at 800 x 600 there is no scroll bar? I know i can float the bar to the right and it will go below the content at lower res but im not wanting to do this.

    I am very un javascript unsavvy and can't get google to find anything to help! So i am pleading to your good wills for any pointers you can give me.

    Thank you in advance
    •  
      CommentAuthormringlein
    • CommentTimeSep 14th 2006
     permalink
    I don't think there is -- I was playing with this idea a while back. Trying to figure out some way to position an element that off the browser but didnt trigger the scroll -- like how a background image can work on the BODY.

    Here is a solution for you though. In theory, if they go to 800x600 and your content is to the right with no scroll, they can't get to it unless they make the browser larger right? So, why dont you put in a little JS that hides the far right content as soon as the browser goes smaller than 801px? The Man in Blue has a good JS/CSS to help you do this:
    The solution is to add a little vitamin J. JavaScript can tell you what the width of a browser is, then react accordingly. By default the content is displayed in a single column. Non-JavaScript enabled browsers, or lower resolution ones, will stay that way. But if you're 1024-up, with JavaScript, an alternate stylesheet gets put into action. See a simple example here. I'd like to see tables do that.
  3.  permalink
    You can use the following script to disable the scrollbar:

    overflow-x: hidden

    I hope this helps.
    • CommentAuthoradriennee
    • CommentTimeJan 7th 2007
     permalink
    ^ You could try combining that with a javascript that detects screen resolution and changes the layout or something.

1 to 4 of 4

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page