Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 05-16-2008, 03:45 PM   PM User | #1
explosivebeer
New Coder

 
Join Date: Mar 2008
Posts: 16
Thanks: 0
Thanked 0 Times in 0 Posts
explosivebeer is an unknown quantity at this point
Fixed Positioning Min-Width?

I'm building a progressive site using position: fixed on many elements, with an alternate more basic fixed-width site for older browsers and PDAs. I have elements that are fixed to both the left and right sides of the window. When you make the browser very narrow they overlap. I was wondering if there was any way to prevent this, or if that is just an inherent problem with using fixed widths.
explosivebeer is offline   Reply With Quote
Old 05-16-2008, 03:53 PM   PM User | #2
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
I really don't know if it would work, but could you use percentages for the measurements? It works on divs.

Look at this site for inspiration.

http://nopeople.com/CSS/background_image_resize/

Frank
__________________
* Sources (updated: 21.11.2012.
Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

Last edited by effpeetee; 05-16-2008 at 05:13 PM..
effpeetee is offline   Reply With Quote
Old 05-20-2008, 04:24 PM   PM User | #3
explosivebeer
New Coder

 
Join Date: Mar 2008
Posts: 16
Thanks: 0
Thanked 0 Times in 0 Posts
explosivebeer is an unknown quantity at this point
Quote:
Originally Posted by effpeetee View Post
I really don't know if it would work, but could you use percentages for the measurements? It works on divs.

Look at this site for inspiration.

http://nopeople.com/CSS/background_image_resize/

Frank
Yeah I'm actually using a similar image scaling effect as they are but that's unrelated to my current issue.

Basically, I'm wondering if it's possible to use "position:fixed; right:10px" or something like that but have the element stop being fixed to the side of the browser viewport when the screen size goes below a certain width.
explosivebeer is offline   Reply With Quote
Old 05-20-2008, 05:53 PM   PM User | #4
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
We really need either a link to your site or the complete code that you are using, to help you further.

Frank
__________________
* Sources (updated: 21.11.2012.
Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.
effpeetee is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 10:03 AM.


Advertisement
Log in to turn off these ads.