[tex0gen]

Just wondering about this, by default the screen is 100% meaning it covers all sreens no matter what size right? so it i put something 20% of the way down the screen it would be 20% for all screens now matter what resolution? and how do i centre my whole page so most screens are supported for size.

[DotHQ]

I believe so. I use percentage for the width of my tables. If I want a five column layout I make each 20% or maybe 18% to leave room to show a border, and it works great for all resolutions.
Until I discovered percentages designing was a nightmare. Percentages make things so much easier. Hope they do for you too.

[tex0gen]

Okay but would you show me an example of this? and how to use the % instead of PX beacause i tried to change mine to % before and i lost all my tables despite puting them 10% on the screen? :S

[DotHQ]

Here is a code snipet of one of my tables using 20% for each td.
I use the percentage for width. I've used it for height but it's alway been 90%, so you'll need to experiment with that.

<table width="100%" height="28" border="0" cellpadding="0" cellspacing="0">

<tr valign="top">

<td width="20%" align="center">
<br>
<A HREF="index.html"><IMG SRC="images/home2.gif"></A>
</td>

<td width="20%" align="center">
<br>
<A HREF="inventory.html"><IMG SRC="images/Inventory2.gif"></A>
</td>

<td width="20%" align="center">
<br>
<A HREF="aboutus.html"><IMG SRC="images/AboutUs2.gif"></A>
</td>

<td width="20%" align="center">

<br>
<A HREF="contactus.html"><IMG SRC="images/ContactUs2.gif"></A>

</td>
<td width="20%" align="center">
<br>
<A HREF="directions.html"><IMG SRC="images/Directions2.gif"></A>
</td>
</tr>
</table>

[matt-h]

Note that you may also want to make use of min-width and max-width - say 600px and 1200px or else the pages could look ridiculous when squashed or stretched.

[tomdkat]

Originally Posted by matt-h

Note that you may also want to make use of min-width and max-width

Unfortunately, IE6 doesn't support min-width and max-width. I'm not sure if IE7 does or not.

Peace...

[matt-h]

Ah yes I've noticed that with my latest site. IE7 is fine, but IE6 not. What's the way around this?

[tomdkat]

Stop using IE?

EDIT: I don't know of any workarounds for IE6.

Peace...

[matt-h]

You're about 3 years to late :P been on Firefox for a few years now, but not everyone is as sensible, although my current site is for a uni sports club so I'm hoping they're all tech-savy enough to at least have IE7...

Btw, sorry for the thread hijack, it was partially relevant.

[Big-K]

just google something like 'IE6 min-width', theres dozens of blog entries out there detailing ways to get an equivalent to min-width. Max-width is the same as just using the width tag in IE. The most common way is to do something like this

<div style="width:500px;"><!--max width container--> <div><!--content container-->
this is the content!
<div style="width:200px;"></div><!--box for the minimum width, because of this box the container will never go less than 200px--> </div><!--end of content--> </div><!--end of container-->

[tomdkat]

Well, there you have it.

Peace...