Posted by Jeff on 06/18/06 20:16

I tryed this code, it almost works, but the problem with this is that when
the browser window resizes the left and right column also resizes. I want
only the centre column to be resized when window resizes:
..left, .right {
width:200px;
}
..centre {
width:80%;
}
<tr>
<td class="left">A</td>
<td class="centre">B</td>
<td class="right">C</td>
</tr>


ul {margin-left:-6px;} isn't working....

any suggestion?

Jeff


"Sid Ismail" <elsid@nospam.co.za> wrote in message
news:j2ab925fqcekf0jbr9jh3kligderdg6ckq@4ax.com...
> On Sun, 18 Jun 2006 20:25:06 +0200, "Jeff"
> <it_consultant1@hotmail.com.NOSPAM> wrote:
>
> : Hey
> :
> : I'm creating a web page. I created the web page using a table ( the left
> : column is for a menu, right column is for ad, the centre column is for
> site
> : content)... The left and right column's width is set to be 200px...
> Before I
> : added the <ul> block into the web page this really worked -> the left
> and
> : right column's width was 200px when I tested it.. so far everything
> works...
> :
> : But my problem starts after I added the <ul> block. Now the left and
> right
> : column take up almost the entire width of the table, the centre column
> : becomes a little block in the centre of the table.
> :
> : I want to use this <ul> block and the width of left/right column to be
> : 200px...
> :
> : What am I doing wrong here?
> :
>
>
> Try the CSS-alternative for a 3 column table?
>
> In the meantime, quick fix:
> ul {margin-left:-6px;}
>
> Sid
>
>
>
>

[Back to original message]