Forum Moderators: phranque

Message Too Old, No Replies

800x600 fixed site, Can Add Liquid Background?

nonliquid site; can get rid of white "extra" undeveloped space?

         

COlarry

3:49 am on Oct 11, 2003 (gmt 0)

10+ Year Member



My developer built our site in an fixed width template and the nonlinear first and all subsequent pages can NOT be easily stretched or liquified. On a bigger monitor, this leaves a big white panel on the left side of the site.

Can the whole site's existing code at least be placed inside a pleasant light colored background that is liquid to fill the extra white space -- on both sides of the existing site's width, as depending on the viewer's browser display choices?

Maybe someone can help me even talk about what I would like to see done.

Thanks so much for any insight!

MonkeeSage

4:07 am on Oct 11, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



It should be a snap to get what you want, and will not involve any recoding or anything. All you need to do is add a rule to the global stylesheet for the pages, something like...

html, body {
background: #DDEEFE;
}

Then all the pages that use the stylesheet will have that color background behind all the content.

Jordan

netguy

3:16 pm on Oct 11, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



>>On a bigger monitor, this leaves a big white panel on the left side of the site.

'Most' people on the Internet read from left to right, so I would consider a left justify on the site - or at least center it - then fill in the background as MonkeeSage stated.

You can also do some tricks with CSS to provide your main site in the first 600 pixels, then add another 120px right column with 20px separation (740px total). [I would recommend CSS over adding a table that encompasses the original site and added column, since this would significantly slow down your pages].

740px is my default width for most designs these days. Since 660px is the printable area, I always try to keep the primary content to the left of the first 660 width.

In your case, having an additional 120px column on the right could then be used for special offers, site highlights, advertising (Adsense), etc.

Here's a little more on optimum canvas sizes:
[hotwired.lycos.com...]

The higher screen resolutions keep creeping up, so you might as well take advantage of the added real estate if you can. Here's a little more on screen resolution trends:

[w3schools.com...]

Steve

COlarry

12:25 am on Oct 12, 2003 (gmt 0)

10+ Year Member



Thanks very much, this is encouraging news. Interesting that more "static" sites don't do this, no?!