SillyDog701

[justdan]

Hi,

Does anyone know of a way that i can make a page automatically fit to scale depending on the resolution of the viewers screen e.g. a customer that views the site in a larger resolution will see the web page roughly the same as a customer viewing in a smaller resolution.

I need some way of making the webpage fit to the customers resolution?

I was thinking of maybe having two css files e.g. 1024.css & 800.css and then using something along the lines of

Code: Select all

<link rel="stylesheet" type="text/css" href="800.css">
<script type="text/javascript">
if (window.innerWidth > 800) {
document.write('<link rel="stylesheet" type="text/css"
href="1024.css">');
}
</script>

But then i have loads of different fonts sizes and all sorts so what would hte css files say.

Any Ideas?

dan

UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

[Antony]

But then i have loads of different fonts sizes and all sorts so what would hte css files say.

Put those font sizes and other specifications in 1024.css and 800.css OR make another CSS for the common stuff.

UserAgent: Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en) AppleWebKit/418 (KHTML, like Gecko) Safari/417.9.2

[akbash]

Seriously, after I spent the money on a 24" monitor, I wouldn't want it filling up with supersized content, looking for all the world like a 17" monitor. I'd want to be able to scoff at the inability of normal-sized content in normal-sized windows to take up all the space I had at my disposal. It would be unfriendly of you to hope to maximize or even resize my browser window, by the way. I have my windows the way I want them, thank you, and I won't be dictated to by websites. It must be that I don't understand your motivation.

That said, your question is so general as to encompass all of CSS. Wide swaths of it, anyway. You may need to worry about headers, borders, padding, margins, columns, fonts, positioning schemes, or overflow, depending on your page design. I can only recommend getting a book or reading the spec or rummaging through an online tutorial to get an idea of what can be done. Google has lots to say about "CSS tutorial." I can't speak for any of them personally, but I know w3schools.com is mentioned much. Perhaps someone here would be able to give specific guidance to a greatly narrowed question.

UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/20060305 Firefox/1.5

[Antony]

I don't have 24" monitor, only the 20" Apple Cinema Display. I however against any website that states bested viewed with 1024 *768 or larger screen resolution, and implying that I shall use full screen for that web site. It's really a kind of demanding.

Please see this [sdt=10821]thread[/sdt] on maximising windows that occupying your entire screen.

Again: Windows users, please learn to browser in windows mode.

UserAgent: Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en) AppleWebKit/418 (KHTML, like Gecko) Safari/417.9.2

[justdan]

thanks for the help guys. instead i put the whole site in an iframe. Puts scroll bars around the whole page regardless of how many frames are inside it. I just thought well if people are looking at the site with 600x800 or lower resolution then they can use a scroll bar to view the content the flows off screen. These days you should'nt really be using resolutions that bad.

Just my opinion.


Thanks anyways guys.

justdan

UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2