DW design help???

anurag751 · 12-21-2007, 02:29 AM

Hi, Guys
We have a website which is under construction link in the sig. the site is being made in Dreamweaver and in 800 * 600 screen resolution, everything seems to be fine on our pcs and many other but for laptops and few other pcs in which i have seen our site it takes only say 70%
of the screen space and the rest 30% remains white, now I'm told this is bcoz we have used pixels instead of percentage while doing the tables and hence the site won't resize it i.e the design is fixed, we are sought of newbies so we don't know CSS and hence tables, what can we do to overcome this problem and make the site fluid, will changing the pixels to percentage will do the trick if yes then how it works i.e what pecentage 100% for width/height?, thanks in advance.

Sc0tt · 12-21-2007, 05:08 AM

At 800x600 res then you would see it as full screen. But the fact is most people have a res of 1024x768 or higher these days. So most people will see "white space". This isn't really a problem though, alot of people design fixed sites for 800x600 so that as many people as possible can view the site comfortably.

Making the width 100% would make the site fill 100% of the width on any res. The problem is, your site will look extremely deformed if you do it as it is. I would suggest either leaving it as it is or designing a new site.

Pyro-Fire · 12-22-2007, 05:40 AM

change your html to include this:

Code:

<body><div id="maincontent">

.....

</div></body>

then add this to your css:

Code:

body {
background: black;
}

#maincontent {
float:left;
margin: 0px auto;
}

what this is doing, is moving your content to the center and filling all around it with black, without affecting your website as it is. (because its just surrounding your current content in <div> tags and moving the block to the centre of the screen)

change around these snippits as much as you want using this concept.

Enjoy.

12-21-2007, 02:29 AM	#1 (permalink)
anurag751 Registered User Join Date: Dec 2007 Location: India Posts: 1 OS: xp	DW design help??? Hi, Guys We have a website which is under construction link in the sig. the site is being made in Dreamweaver and in 800 * 600 screen resolution, everything seems to be fine on our pcs and many other but for laptops and few other pcs in which i have seen our site it takes only say 70% of the screen space and the rest 30% remains white, now I'm told this is bcoz we have used pixels instead of percentage while doing the tables and hence the site won't resize it i.e the design is fixed, we are sought of newbies so we don't know CSS and hence tables, what can we do to overcome this problem and make the site fluid, will changing the pixels to percentage will do the trick if yes then how it works i.e what pecentage 100% for width/height?, thanks in advance. __________________ letusexplore.com

12-21-2007, 05:08 AM	#2 (permalink)
Sc0tt Registered User Join Date: Aug 2007 Posts: 89 OS: XP Pro SP3/Ubuntu/RHEL	Re: DW design help??? At 800x600 res then you would see it as full screen. But the fact is most people have a res of 1024x768 or higher these days. So most people will see "white space". This isn't really a problem though, alot of people design fixed sites for 800x600 so that as many people as possible can view the site comfortably. Making the width 100% would make the site fill 100% of the width on any res. The problem is, your site will look extremely deformed if you do it as it is. I would suggest either leaving it as it is or designing a new site.

12-22-2007, 05:40 AM	#3 (permalink)
Pyro-Fire Registered User Join Date: Dec 2007 Posts: 24 OS: xp	Re: DW design help??? change your html to include this: Code: <body><div id="maincontent"> ..... </div></body> then add this to your css: Code: body { background: black; } #maincontent { float:left; margin: 0px auto; } what this is doing, is moving your content to the center and filling all around it with black, without affecting your website as it is. (because its just surrounding your current content in <div> tags and moving the block to the centre of the screen) change around these snippits as much as you want using this concept. Enjoy.