IE screws up some tables

[assessino]

All works fine in FF, but IE screws it upBoth pages below have exactly the same code (only changed the content in 1 cell using PHP). One works fine, one's screwed up.http://sov.freefronthost.com/battledome.phphttp://sov.freefronthost.com/runetemple.phphow can i solve this ? using divs instead of tables ?i read all my code and i don't think i forgot 1 single table tag

[Skemcin]

make sure all your </td> tags are prepended with <br> tag. So that it loks liek <br></td> if there already isn't one there.then double check you widths - I didn't look at the code yet since I have quite ew things to wrap up today, but try those two things and see if you find anything out.

[assessino]

then you get an empty line in every table ... what's the use of that

[Err]

I personally see everything fine.Try checking your code with the vaildator here, it helps slove a lot of coding problems. Deamweaver also has a vaildator you can use. Link: http://validator.w3.org/

[Skemcin]

then you get an empty line in every table ... what's the use of that

you should not get an extra line. If there is already a <br> tag in the cell as the last bit of HTML before the </td> then you don't need to do it. However, if you do not have a <br> as the last bit of HTML before your </td> then your page can often be rendered inconsistantly from one browser to the next. The <br> tag tells the browser that you are done with that line - so the browser will not at all ever think that there should be a space (or anything else) there.For instance:

<table><tr><td>blah blah blah</td></tr></table>

can rednder differently than

<table><tr><td>blah blah blah<br></td></tr></table>

especially if it were done like this:

<table><tr><td><img src="blahblah.gif"></td></tr></table>

instead of

<table><tr><td><img src="blahblah.gif"><br></td></tr></table>

without the <br> tag some browser will insert a blank space after teh text or image before it actually closes the table cell.So that is why I made the suggestion I did. If you are using blank table cells to line stuff up

<table><tr><td></td><td>blah blah blah</td></tr><tr><td></td><td></td></tr></table>

can render differently than

then you should really consider using a different method.  Again, I haven't looked at your code yet, its just something quick and easy to try.

[assessino]

So that is why I made the suggestion I did.  If you are using blank table cells to line stuff up

so   should do it too then ?but i'll try out asap

[aspnetguy]

so   should do it too then ?but i'll try out asap

<{POST_SNAPBACK}>

No it wouldn't.He is telling you this becuase browsers can render those situations differently...it is a bit quirky.If you follow his advice that sorts everything out, use <br> like he said....  is not the same.<br> = line break  = space

[assessino]

didn't take away the wrong table layout with <br /> in front of every </td>EDIT: problem is within the nested width

  <td width="*" valign="top">   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table">    <tr>  <td width="166" valign="top">               ...  </td>  <td width="*" valign="top">               ...

last * doesn't take whole space he can take in IE like it should.If i fill in eg. 900 then it works fine ... But that's not the best solution

[assessino]

solved with "100%"