954,598 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

Making Webpages that conform to the users resolution

I am trying to making my web pages so that as different users go on my site (it will conform to their own resoluiton). Is this possible? If so what is the easiest way to accomplish this.

mreisman
Newbie Poster
2 posts since Mar 2006
Reputation Points: 10
Solved Threads: 0
 

As a personal taste, I always use CSS to do all of my site design if I can help it. It just makes things flexible in the end. You can put all body content inside a <div> and set width to a relative or absolute size. For example, setting <div style="width:720px"> sets a fixed width that would look fine at 800x600, and leave extra space at higher resolutions (as is here on DaniWeb).

You could also set width:80% which would set a variable width based on the user's current browser window. It would occupy 80% of their browser window, for example. If the surfer were to resize their browser window, the size would resize consistantly.

I'm not exactly sure if this is what you're asking.

cscgal
The Queen of DaniWeb
Administrator
19,437 posts since Feb 2002
Reputation Points: 1,474
Solved Threads: 231
 

I have everything inside of one table I put the width to 100% but for some reason or other I can't get it to be what I am looking for. You can view my webpage at http://www.mdrideas.com

mreisman
Newbie Poster
2 posts since Mar 2006
Reputation Points: 10
Solved Threads: 0
 

If the items inside your table cells are of fixed width then you need to ensure they're small enough to allow the table to shrink - I think some of your graphics are your limiting factor.

DaveSW
Master Poster
769 posts since Jul 2004
Reputation Points: 54
Solved Threads: 20
 

I'm confused as to what you're trying to do. What do you want it to look like that it doesn't right now?

cscgal
The Queen of DaniWeb
Administrator
19,437 posts since Feb 2002
Reputation Points: 1,474
Solved Threads: 231
 

>I'm confused as to what you're trying to do. What do you want it to look like that it doesn't right now?

Err, less tacky maybe. Tee he he.

No seriously. In order to get it to conform to all resolutions, you have to think about having a dynamic banner. That's what most of the big guns do.
Take www.symantec.com . It looks reasonable when viewed at different resolutions. All they do is have a banner which grows and shrinks depending on the resolution. I think DaveSW was telling me this some time ago. Design in CSS also helps.


Design your site to be viewed using the smallest resolution, and it should look ok across most resolutions.


You can detect screen resolution easily. I think there's a script at javascript.com?

iamthwee
Posting Expert
5,950 posts since Aug 2005
Reputation Points: 1,543
Solved Threads: 439
 
>All they do is have a banner which grows and shrinks depending on the resolution. I think DaveSW was telling me this some time ago. Design in CSS also helps.

Me? would I tell anyone something like that? Well possibly... lol

You can specify the dimensions of your images as a %, which might help you to resize that middle graphic.

DaveSW
Master Poster
769 posts since Jul 2004
Reputation Points: 54
Solved Threads: 20
 

Use CSS to tile a background in a 100% div. :) So does that make DaniWeb tacky? ;)

cscgal
The Queen of DaniWeb
Administrator
19,437 posts since Feb 2002
Reputation Points: 1,474
Solved Threads: 231
 

>Use CSS to tile a background in a 100% div. So does that make DaniWeb tacky?

Hell yeah, but it's the colors as well. I'll forgive you because most girls like dat horrible purple-ee lilac color. Yucky. :cheesy:

On a side note did you get my PM cscgal, too busy or just ignoring me?

iamthwee
Posting Expert
5,950 posts since Aug 2005
Reputation Points: 1,543
Solved Threads: 439
 
Use CSS to tile a background in a 100% div. :) So does that make DaniWeb tacky? ;)



Dani,
does this explain why some site look like a mass of one off graphic image with a shadow on the background?

havilah
Newbie Poster
20 posts since May 2006
Reputation Points: 10
Solved Threads: 0
 

Not sure what you're asking, but this link might help:
http://www.1976design.com/blog/archive/2003/11/14/shadows/

DaveSW
Master Poster
769 posts since Jul 2004
Reputation Points: 54
Solved Threads: 20
 

No offense mreisman, I know you did not put this in the critique page, but get rid of the marquee and the animated gifs. In case you didnt know the marquee tag does not work in Netscape so even if the table and everything else resized, the page wouldn't work as you intended.

HI2Japan
Junior Poster
199 posts since Mar 2006
Reputation Points: 35
Solved Threads: 21
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You
View similar articles that have also been tagged: