CSS Help

Rikkx2kRules · 11-13-2006, 02:49 AM

Trying to do a website in CSS... The one problem I'm having is that when people resize the page the content is squished. Does anyone know how I can set the CSS so that it doesn't resize but is still 100% of the users browser width?

StephanieCordray · 11-13-2006, 03:04 PM

Well, you really can't have it both ways because people have so many varied browser sizes but if it's a problem with the overall look of things on the website I'd suggest:

Nested tables with the content cells having absolute widths and heights. eg. name the outer table class layout and each cell have a class (name) of it's own that specfies dimensions and any other properties particular to that cell. The content table should be centered with the layout table taking up the extra space on both sides of it.

That way if someone uses a relatively small browser size (eg. 800 x 600 is considered on the small size now), they will have to scroll right to left to view the whole page. Most designers plan for the browser size issue when making a site to accommodate the various sizes that might be used.

11-13-2006, 02:49 AM	#1 (permalink)
Rikkx2kRules New Member Join Date: Jun 2006 Posts: 8	CSS Help Trying to do a website in CSS... The one problem I'm having is that when people resize the page the content is squished. Does anyone know how I can set the CSS so that it doesn't resize but is still 100% of the users browser width?

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

11-13-2006, 03:04 PM	#2 (permalink)
StephanieCordray Diamond Member Join Date: Dec 2004 Location: Nashville TN Posts: 1,017	Well, you really can't have it both ways because people have so many varied browser sizes but if it's a problem with the overall look of things on the website I'd suggest: Nested tables with the content cells having absolute widths and heights. eg. name the outer table class layout and each cell have a class (name) of it's own that specfies dimensions and any other properties particular to that cell. The content table should be centered with the layout table taking up the extra space on both sides of it. That way if someone uses a relatively small browser size (eg. 800 x 600 is considered on the small size now), they will have to scroll right to left to view the whole page. Most designers plan for the browser size issue when making a site to accommodate the various sizes that might be used.