Making Webpages that conform to the users resolution

[mreisman]

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.

[Dani]

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.

[mreisman]

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

[DaveSW]

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.

[Dani]

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?

[iamthwee]

>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?

[DaveSW]

>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.

[Dani]

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

[iamthwee]

>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?

[havilah]

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?

[DaveSW]

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

[HI2Japan]

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.