Web Wiz - Green Windows Web Hosting
Web Wiz Homepage Search Web Wiz

  New Posts New Posts RSS Feed - Scalable Website
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Topic ClosedScalable Website
 Post Reply Post Reply
Author
  Topic Search Topic Search  Topic Options Topic Options
CardMSG View Drop Down
Newbie
Newbie
Avatar

Joined: 17 December 2001
Location: United States
Status: Offline
Points: 26 		Direct Link To This Post Topic: Scalable Website
    Posted: 11 April 2003 at 2:45pm

I'm curious what the best way is to make a site that's scalable?  I have an idea about how to build the tables to make it look the way I want, but I'm really wondering how you keep your content looking good?  So it doesn't get too stretched or smashed.

I wish it was possible to set a maximum and minimum table width that would expand or shrink to fit within the given range.  I'd like to have a site that will adjust down to 800x600 and have a maximum stretch of 1024x768.  If anyone knows a good way to do this, I'm very interested.

I've always made my sites a maximum of 760px to accomidate those running at 800x600, but with so many bigger monitors and higher resolutions used today, it can make the site look like it's all crammed in the center.  I like the way Web Wiz Guide stretches to fit and doesn't seem to get messed up.

Thanks for any suggestions...
Back to Top
MadDog View Drop Down
Mod Builder Group
Mod Builder Group
Avatar

Joined: 01 January 2002
Status: Offline
Points: 3008 		Direct Link To This Post Posted: 11 April 2003 at 2:58pm

Originally posted by CardMSG CardMSG wrote:

I wish it was possible to set a maximum and minimum table width that would expand or shrink to fit within the given range.  I'd like to have a site that will adjust down to 800x600 and have a maximum stretch of 1024x768.  If anyone knows a good way to do this, I'm very interested.
Every heard of using percents in table widths?

width="100%" makes the table stretch to whatever size the persons screen size is

Back to Top
faubo View Drop Down
Senior Member
Senior Member
Avatar

Joined: 30 May 2002
Location: Brazil
Status: Offline
Points: 560 		Direct Link To This Post Posted: 11 April 2003 at 2:59pm

instead of using fix sizes for your tables you put 100% or 99%.

This way it will work with any resolution
I don't know how to make you click here
Back to Top
CardMSG View Drop Down
Newbie
Newbie
Avatar

Joined: 17 December 2001
Location: United States
Status: Offline
Points: 26 		Direct Link To This Post Posted: 11 April 2003 at 3:23pm
I understand the table can be set to a %, but the content in the table will get stretched if it's viewed at a higher resolution, so I was wondering if there were any tips to laying out the content so this didn't happen.
Back to Top
KCWebMonkey View Drop Down
Senior Member
Senior Member
Avatar
Go Chiefs!

Joined: 21 June 2002
Status: Offline
Points: 1319 		Direct Link To This Post Posted: 12 April 2003 at 8:27am

Everything HAS to get stretched to be able to expand to higher resolutions.

Just make sure that your main table has percents % for the table width, and also for the main TD's in your table. usually i do something like this:

<table width="95%" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td width="30%">
   <!-- this table is for the left navigation -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
     <td>&nbsp;</td>
    </tr>
    <tr>
     <td>&nbsp;</td>
    </tr>
   </table>
  </td>
  <td width="70%">
   <!-- this table is for the main body -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
     <td>&nbsp;</td>
    </tr>
    <tr>
     <td>&nbsp;</td>
    </tr>
   </table>
  </td>
 </tr>
</table>



Edited by KCWebMonkey
Back to Top
Bluefrog View Drop Down
Senior Member
Senior Member


Joined: 23 October 2002
Location: Korea, South
Status: Offline
Points: 1701 		Direct Link To This Post Posted: 08 May 2003 at 9:48pm

Originally posted by CardMSG CardMSG wrote:

I understand the table can be set to a %, but the content in the table will get stretched if it's viewed at a higher resolution, so I was wondering if there were any tips to laying out the content so this didn't happen.

Use nested tables where some don't use % and one side (left or right) does. Then plan your content layout to stretch inside there.

Or you can just set one TD to an absolute amount and then let the rest stretch naturally:

<TABLE>
<TR>
 <TD width=200>
 no stretch
 </TD>

 <TD>
 
 stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot  stuff in here should stretch out a lot

 </TD>
</TR>
</TABLE>

 

Blah blah blah... I think you get the idea.
Back to Top
Bunce View Drop Down
Senior Member
Senior Member
Avatar

Joined: 10 April 2002
Location: Australia
Status: Offline
Points: 846 		Direct Link To This Post Posted: 09 May 2003 at 3:41am

Or use CSS positioning if you're not too worried about users who have older browsers.

Much more powerful.

Cheers,
Andrew
There have been many, many posts made throughout the world...
This was one of them.
Back to Top
Bluefrog View Drop Down
Senior Member
Senior Member


Joined: 23 October 2002
Location: Korea, South
Status: Offline
Points: 1701 		Direct Link To This Post Posted: 10 May 2003 at 12:35pm
Originally posted by Bunce Bunce wrote:

Or use CSS positioning if you're not too worried about users who have older browsers.

*snip*

Perfectly right. Check out w3.org and see how they do it. It's pretty slick.

 
Back to Top
 Post Reply Post Reply

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.08
Copyright ©2001-2026 Web Wiz Ltd.

Become a Fan on Facebook Follow us on X Connect with us on LinkedIn Web Wiz Blogs
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Notice

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, UK.

Prices exclude VAT at 20% unless otherwise stated. VAT No. GB988999105 - $, € prices shown as a guideline only.

Copyright ©2001-2026 Web Wiz Ltd. All rights reserved.