Topic: table weirdness

can anyone tell me, why jack's post is looking weird?
http://www.embege.com/misc/test.html

the list is generated by php, so i cant imagine what could be wrong.

Looks ok in Mozilla, but don't know why it looks weird in IE 5.0...

yes, seems as if mozilla is the only one to work.

edit: ok, nn6 too. but why is jack's table strange in opera, nn4 and ie?

[This message has been edited by GRUMBLE (edited 01-07-2002).]

anyone?

Well, seems to be exactly the same code for all the tables!? Can't find any difference. As you said: It's weird.

Tilo

GRUMBLE: Very interesting. My guess would be that as the top left cell size isn't specified the browsers have to 'guess' what the sizes are. I suspect that as Jack is the shortest name it is below some threshold and the right cell shifts over. I hope that makes sense. Do something like set the left cell to width="100%" and it should then force the right hand cell to take up the remaining room (its a trick I've used before so it should work or something similar).

Emps

i did so emps, but as you can see no change.

GRUMBLE: My fault for not being clear (or supplying the code which would be simpler than typing all that):

<table bgcolor="#eeeeee" border="1"><tr><td width="100%"><a

href="mailto:jakob.schmaus@gmx.at">Jack</a></td><td

width="200">30.12.2001&nbsp;&nbsp;23:30</td></tr><tr><td colspan=2>Finde, 

dass viele zu wenig über Kinderrechte wissen.</td></tr></table><p>

Try that - the 100% width is now set on the left cell (I've not tested this though so it could go wrong).

Emps


You're my wife now Dave

no, my fault. me idiot has put the width in the a tag.

well, ok. so far so good. thanks emps!

only problem is that the width=200 from the right cell isnt working anymore now.

GRUMBLE: I see - that wasn't a problem for me. I would suggest you try using a 75:25 percent split across the two cells.

Emps

good idea! thanks!

To preserve 200 pixels width when other cell is set to 100% simply put transparent gif that has width set to 200...

<TR>
<TD WIDTH="100%">blah blah blah</TD>
<TD WIDTH=200><IMG SRC="dot_clear.gif" WIDTH="200" HEIGHT="1"></TD>
</TR>