Jump to content
Sign in to follow this  
kongknabe

Advanced layout problem...

Recommended Posts

Hi. I'm troubled by a CSS layout I'm trying to get to work. I have made a sketch to show the idea, and it actually works perfect, except that the blue and red boxes can't scroll horizontal if the browser get below 800px in width - this is probably due to the fact that they are positioned with "fixed", witch by the way don't work in IE - I know Well don't know if there is more to say. - I want my layout exactly the way it is, but with the ability to scroll the fixed elements horizontal if needed. - I'm willing to accept that the little blue box is positioned at the left side of the screen, and the rest moves to the right though Hope some CSS genius can help me make this work - Rasmus L. Knabe Link to my sketch: http://kongknabe.users.whitehat.dk/Layout%...ster/index.html

Share this post


Link to post
Share on other sites

Set your height and width for the element containing the text, then put in your cssoverflow: auto

Share this post


Link to post
Share on other sites
Set your height and width for the element containing the text, then put in your cssoverflow: auto

Don't work. Am not sure i have explained my problem porbberbly so i will try again:-)I want everything on the site to be able to scroll horizontal if needed, but only the content of the white box to be able to scroll vertical! - All of this while maintaining the vertical scrollbar at the right edge of the browser window at all times, in the full height of the browser window! - I only want one vertical and one horizontal scrollbar!

Share this post


Link to post
Share on other sites

Just found this site witch does exactly as I want in IE - unfortunately horizontal scroll doesn’t affect the fixed box in Safari or Firefox for Mac - but there have got to be a way to fix that! :-)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...