New design

Hi all,

I am going away from frame, in the new design of my company's website, well, not mine, the one I work for ;)

Anyway, I have seen a few sites, such as www.greengrocer.com.au. You will notice, well if you go there, that some pages have a table on the left hand side and one on the right hand side, and of course, one in the middle. If you resize your window, you will notice that only the middle one changes it size to accomodate a smaller resolution or screen size.

Well, I am wondering if this is just a matter of giving a fix size to the left & right column, such a width="xx" and heigth="100%", and nothing for the middle table, or is there somehing tricky to achieve this?

Thank you for your help and guidance. :thumbsup:

PS: www.elantra.com.au is the current site that I have designed, but that I found not pro enough

That idea might have something to do with style tags..
Ask in the CSS forum...

Make a table with 3 cells. Set the table to 100% width. Set the left and right cells to fixed widths. Set the center cell to 100% width. Put a table in each cell set to 100% width.

eggman's got it...
Good job eggman!
Do you understand, olivier78?

I get the idea yes... However, can I have a table across on top, where the company logo will go as well as the menu & search button?

I would not mind a quick draft is possible...

Thanks...

put an extra <tr> above the rest, and a <td> inside that with a colspan attribute set to 3, like this:

<table width="100">
&nbsp;&nbsp;<tr>
&nbsp;&nbsp;&nbsp;&nbsp;<td colspan="3">company name and search and everything</td>
&nbsp;&nbsp;</tr>
&nbsp;&nbsp;<tr>
<!-- whatever you've written for those 3 columns... -->

... etc ...

:thumbsup:

ps... there are "better" ways of doing this than with tables, as tables are meant for tables (thanks brothercake for making me realize this;))... actual tables of data and values or whatever... not for presentation! try taking a look at www.glish.com/css :)

colspan="3" works great, I use it..

But the other method is with will prevent older versions on NS from messing up.

<table>
<tr>
<td>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>Other</td>
</tr>
</table>
</td>
</tr>
</table>


like.. Just incase it's a good method.