| | |
Making Webpages that conform to the users resolution
Please support our Site Layout and Usability advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
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
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.
<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.
•
•
Join Date: Mar 2006
Posts: 2
Reputation:
Solved Threads: 0
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
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.
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?
>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?
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?
*Voted best profile in the world*
•
•
•
•
Originally Posted by iamthwee
>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.
You can specify the dimensions of your images as a %, which might help you to resize that middle graphic.
>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?
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?
*Voted best profile in the world*
![]() |
Other Threads in the Site Layout and Usability Forum
- Previous Thread: text in a gif
- Next Thread: Help with SWAP IMAGE
| Thread Tools | Search this Thread |
blogging content customer design development dreamweaver duplicate email evaluation filesharing firefox flash gilbane google html itunes javascript kazaa layout music napster peertopeer photoshop remote remoteserver satellitenavigation satnav server site tables template tips tomtom url wave web website websitedesignreview web_development web_sites







