UnitedForums - UK Web Hosting Forum UnitedHosting Community Hosting Forums
Network and Server StatusCustomer SupportUK Web Hosting
UnitedHostingUnitedHosting Sitemap UK Hosting ForumUK Web HostingWeb Hosting ForumsUK Reseller HostingWeb Host CommunityUK Managed Dedicated ServersHosting Help and SupportUK Domain Name Registration

Go Back   UnitedForums.co.uk > UnitedHosting Community > Website Development & Scripting

Reply
 
Thread Tools Rate Thread Display Modes
Old 15th July 2008, 01:22 PM   #1 (permalink)
MrBen
Munky!
 
MrBen's Avatar
 
Join Date: Sep 2003
Location: nr Woking, England
Posts: 2,582
Scroll Fixed DIV Horizontally

I'd like a toolbar at the top of the page, that stays there when you scroll the page vertically. This is quite simple to achieve using position fixed etc.

However, I'd also like to enforce a minimum width on the page just in case someone hits the site with a low resolution/window size. Now the use of position fixed means that horizontal scrolling is also ignored so you can never access the "hidden" content. Anyone have a suitable alternative?

This is not for a general website but a web application so compatibility with IE7+ and Firefox 2+ is all that is required.

Ben
__________________
The impossible I can do today, miracles take a little longer

Veterinary Practice Management System by SoftFooding
Internet Data Usage Calculator: Estimate your monthly bandwidth usage for your Internet connection.
Little Red: Nordic Style Rye Bread
MrBen is offline   Reply With Quote
Old 15th July 2008, 07:10 PM   #2 (permalink)
knapper
Regular Member
 
Join Date: Jun 2006
Location: Co. Durham
Posts: 98
I've worked out one possible solution, but it depends on the toolbar. Is it possible for the toolbar to be exempt from the minmum width requirement? If it is you could have the toolbar go below the min-width, placing it outside the main content div, to which you give a min-width value.
knapper is offline   Reply With Quote
Old 16th July 2008, 04:59 AM   #3 (permalink)
percepts
Senile Member
 
percepts's Avatar
 
Join Date: Mar 2005
Posts: 966
use frames
__________________
An old dog learning new tricks
percepts is offline   Reply With Quote
Old 16th July 2008, 05:27 PM   #4 (permalink)
Simon
Dedicated to life!
 
Simon's Avatar
 
Join Date: Jul 2005
Location: 36°38'4.48"N - 4°42'18.52"W
Posts: 2,058
Send a message via MSN to Simon Send a message via Yahoo to Simon Send a message via Skype™ to Simon
What about setting the width of the toolbar to 100% screen width, but then use the css overflow property to add a scrollbar to the toolbar only when needed? untested...
__________________
Freelance PHP Programming
__________________
Simon is offline   Reply With Quote
Old 17th July 2008, 12:21 AM   #5 (permalink)
MrBen
Munky!
 
MrBen's Avatar
 
Join Date: Sep 2003
Location: nr Woking, England
Posts: 2,582
It's an annoying one but I might have sorted it by shifting some of the functionality elsewhere. At the moment it's fine if someone has a browser window down to < 800.

Scroll bar is an option I suppose, but on a 30px tall toolbar it's seems a bit silly adding a scrollbar. But then if the user is browsing with such a small window they should expect some degradation.

The vast majority should be running maximised/full screen and if it's on a monitor or laptop we've supplied will probably be running at 1280 wide.

Thanks,
Ben
__________________
The impossible I can do today, miracles take a little longer

Veterinary Practice Management System by SoftFooding
Internet Data Usage Calculator: Estimate your monthly bandwidth usage for your Internet connection.
Little Red: Nordic Style Rye Bread
MrBen is offline   Reply With Quote
Old 17th July 2008, 12:39 AM   #6 (permalink)
percepts
Senile Member
 
percepts's Avatar
 
Join Date: Mar 2005
Posts: 966
you could use some javascript on the onload and onresize events and size stuff accordingly.
__________________
An old dog learning new tricks
percepts is offline   Reply With Quote
Old 17th July 2008, 11:21 AM   #7 (permalink)
Terra
Registered User
 
Terra's Avatar
 
Join Date: Oct 2005
Location: old cottage
Posts: 928
If it's a toolbar, could the elements inside be floated & the width be variable? So if the width is narrow, some elements move down to a 2nd line?
__________________
Underground, Overground, Wombling Free!
Terra is offline   Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


All times are GMT. The time now is 06:37 PM.

UK Web Hosting  |  UK Reseller Hosting  |  UK Dedicated Servers UnitedHosting  |  UnitedSupport  |  UnitedForums  |  SEO by vBSEO 3.0.0
Copyright © 1998-2008 United Communications Limited. All Rights Reserved. Registered in England and Wales 3651923 - VAT Reg No. 737662309