css width of <td>

David Dorward · Mar 28, 2005

J.P. said:
I don't see what I'm doing wrong, but why does the 'master-menu' not
scale to a width of 200px?
Can somebody explain this, I really don't see what is wrong?

You've set one cell to be 200px wide and another cell in the same row to be
100% wide. How can one cell take up all the room and still leave 200 pixels
for another cell? This is how Captain Kirk makes evil computers
self-destruct!

Since it looks very much like you are abusing tables for layout, the
simplest thing would be to stop doing that.

http://css-discuss.incutio.com/?page=TwoColumnLayouts

J.P. · Mar 28, 2005

Hi,

I don't see what I'm doing wrong, but why does the 'master-menu' not
scale to a width of 200px?
Can somebody explain this, I really don't see what is wrong?

J.P.

-- File: index.php --
<html>
<head>
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<table class="master">
<tr>
<td class="master-head" colspan="2">head</td>
</tr>
<tr>
<td class="master-menu">menu</td>
<td class="master-work">work</td>
</tr>
</table>
</body>
</html>

-- File: style.css --
body {
margin: 0px;
}

table.master {
width: 100%;
height: 100%;
}

td.master-head {
width: 100%;
height: 75px;
}

td.master-menu {
width: 200px;
height: 100%;
}

td.master-work {
width: 100%;
height: 100%;
}

Lauri Raittila · Mar 28, 2005

in said:
Hi,

I don't see what I'm doing wrong,

Me neiher. Where is your URL?

but why does the 'master-menu' not
scale to a width of 200px?

Because you are using table layout. Anyway, why do you want it to be
200px?

Can somebody explain this, I really don't see what is wrong?

The table model of IE just don't work that way. Especially when in quirks
mode (in case the same bugs are emulated widely...).

Use CSS.
http://www.allmyfaqs.com/faq.pl?Tableless_layouts

Should be easy to get your site work better with CSS than with tables on
all browsers.

J.P. · Mar 28, 2005

David Dorward schreef:

J.P. wrote:

You've set one cell to be 200px wide and another cell in the same row to be
100% wide. How can one cell take up all the room and still leave 200 pixels
for another cell? This is how Captain Kirk makes evil computers
self-destruct!

I thought my browser was more intelligent

I thought it should think:
I've used 200px for one column, so the rest is the 100%.
But now I'm writing this, I see it's kinda stupid.

Since it looks very much like you are abusing tables for layout, the
simplest thing would be to stop doing that.

http://css-discuss.incutio.com/?page=TwoColumnLayouts

Thanks for the link. I will start reading. I took the "table layout
thing" from two different books. I looked like a good idea, but it's
seams totally wrong.

J.P. · Mar 28, 2005

Lauri Raittila schreef:

Me neiher. Where is your URL?

Well, it was so simple, is the URL really needed??

Because you are using table layout. Anyway, why do you want it to be
200px?

I just put it there. But if you want to I can also set it to 100px;

The table model of IE just don't work that way. Especially when in quirks
mode (in case the same bugs are emulated widely...).

Use CSS.
http://www.allmyfaqs.com/faq.pl?Tableless_layouts

Should be easy to get your site work better with CSS than with tables on
all browsers.

Also thanks for the link.

Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
prevent <td> from stretchinggggggggggg despite setting fixed width	6	Dec 8, 2006
Simple CSS layout question.	8	Mar 5, 2006
[CSS] IE Table issue	5	Jan 27, 2005
newbie: need help with this css/html	14	Jun 19, 2006
Trying to create a CSS box that is always is always the width of an image placed inside it (and no w	4	Jun 19, 2004
CSS & pane trouble	3	Sep 20, 2006
newbie: adding * to the tail of a input field	11	Jan 7, 2007

css width of <td>

David Dorward

J.P.

Lauri Raittila

J.P.

J.P.

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads