2 replies [Last post]
oneeezy
oneeezy's picture
User offline. Last seen 3 weeks 6 days ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT-6
Joined: 2009-11-18
Posts: 98
Points: 126

Say if a user has his browser size set to 1024x768 and below they will see stylesheetA.css, or if a user had his browser size set to 1366x768 they would see stylesheetB.css???

I'm in the process of making a fluid/ liquid layout.. As I've came along way already in the template sizing properly I'm having a problem in creating my header correctly. It would be nice to load up a different style sheet according to what size browser my users are using!

http://oneillwebs.com/ ~ yes, my personal website built purely with tables which needs to be updated heavily Wink

(before i knew anything!)

Hugo
Hugo's picture
User offline. Last seen 16 hours 14 min ago. Offline
rank Moderator
Moderator
Joined: 2004-06-06
Posts: 15096
Points: 2191

Wrong approach, don't try and

Wrong approach, don't try and find a way around a problem tackle the actual problem.

There shouldn't be an issue with a fluid layout and as such a fluid layout may be a hugely varying set of pixel dimensions.

Explain the actual issue perhaps people here will have a solution.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

oneeezy
oneeezy's picture
User offline. Last seen 3 weeks 6 days ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT-6
Joined: 2009-11-18
Posts: 98
Points: 126

your right, Take a look at

your right,
Take a look at what I'm trying to accomplish:

Image Explanation

If you go have a look at http://amazon.com they have a perfect example of the exact type fluid header I'm looking to build. Just restore the browser window down when your there and stretch it left to right. See how everything stays intact except for the search bar? The search bar will expand back and fourth. It looks like they have set a min-width for whenever the browser gets to a certain size it will stay fixed.

Here is my fluid layout I have so far:
http://phone7forum.com/styles/celticdreams/template/liquid.html

- fixed size left sidebar
- fluid expandable main content
..............................................................................................

so..., Do you have any ideas on how this is done?

Thanks in advance Wink

http://oneillwebs.com/ ~ yes, my personal website built purely with tables which needs to be updated heavily Wink

(before i knew anything!)