Big problem. IE and FF read page differently

  • Darc3st1
  • Novice
  • Novice
  • Darc3st1
  • Posts: 17

Post 3+ Months Ago

Got any ideas?

Code: [ Select ]








<TABLE bgcolor=#FFFFFF border=0 cellpadding=0 cellspacing=0>
<TR valign=center>
<TD id="left" width="5" height=32>
</TD>
<TD class="header" width="400" id="bg">


News Story


</TD>
<TD id="right" width=5 height=32>
</TD>
</TR>
<TR valign=top><td height="3"></td></tr><tr>
<TD bgcolor="eeeeee" width="400" colspan=3>



<TABLE class="border" width="410" cellpadding=3 cellspacing=0 border="0"><tr><Td>

        News News News News News News News News News News News News News News News News News News News News News News

</tr></td><tr><td height="1" bgcolor="333333"></td></tr><tr bgcolor="#dddddd"><td>

        Posted By: <b>Darc3st1</b> (23/34/07)

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



</TD>
</TR>
</TABLE>
  1. <TABLE bgcolor=#FFFFFF border=0 cellpadding=0 cellspacing=0>
  2. <TR valign=center>
  3. <TD id="left" width="5" height=32>
  4. </TD>
  5. <TD class="header" width="400" id="bg">
  6. News Story
  7. </TD>
  8. <TD id="right" width=5 height=32>
  9. </TD>
  10. </TR>
  11. <TR valign=top><td height="3"></td></tr><tr>
  12. <TD bgcolor="eeeeee" width="400" colspan=3>
  13. <TABLE class="border" width="410" cellpadding=3 cellspacing=0 border="0"><tr><Td>
  14.         News News News News News News News News News News News News News News News News News News News News News News
  15. </tr></td><tr><td height="1" bgcolor="333333"></td></tr><tr bgcolor="#dddddd"><td>
  16.         Posted By: <b>Darc3st1</b> (23/34/07)
  17. </tr></td>
  18. </table>
  19. </TD>
  20. </TR>
  21. </TABLE>



Image

Any Quick n easy solution? Im about ready to burn netscape to the ground.

The bar is larger than 1px for some reason. I have tried many things and some really good programed couldnt figure it out, got any ideas?
  • vt220
  • Novice
  • Novice
  • User avatar
  • Posts: 31
  • Loc: Scotland

Post 3+ Months Ago

It's because of your cellpadding="3"... FireFox renders your page correctly, and puts padding into your empty 1px cell, making it larger. Try experimenting with DIVs and CSS, a much better and flexible alternatives to tables.

vt
  • Darc3st1
  • Novice
  • Novice
  • Darc3st1
  • Posts: 17

Post 3+ Months Ago

My gratatude and thanks go out to you, you saved me a lot of work dude.
  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Posts: 1828
  • Loc: In the Great White North

Post 3+ Months Ago

all browsers have built in defaults for spacing, text sizes, etc and they're all different. IE might space the bottom of a paragraph 5px and FF might space the same thing 8px.

google CSS Reset to get a way to remove all that and have all browsers start at a common point that you can then modify
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8413
  • Loc: USA

Post 3+ Months Ago

I read in some forum that CSS Reset is not a good idea. http://www.webmasterworld.com/css/3329010.htm
  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Posts: 1828
  • Loc: In the Great White North

Post 3+ Months Ago

I don't really see what could be bad about using a CSS reset. I typically use the one from the yahoo code library and it just sets all the elements to margin:0px and padding:0px and then sets a default font size etc. Which I was doing on my own long before anyone called it a reset style.

Now granted some of the resets use a large amount of extra code that attempts to get very fine grain control over all possible aspects of the DOM. Some of this code works, some is valid, some isn't valid and some of it is still being used to hack IE 5.5.

Maybe its just wise to know what each CSS Reset is attempting to do and being wary of that, but the basic parts really aren't going to hurt anything. In fact they'll make life a lot easier across most modern browsers.
  • vervah
  • Born
  • Born
  • vervah
  • Posts: 1
  • Loc: Australia

Post 3+ Months Ago

Just want to say thanks to vt220. Thats saved me searching. I just couldnt figure it out.

Thanks.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

another thing just quickly ...

Code: [ Select ]
<TABLE class="border" width="410" cellpadding=3 cellspacing=0 border="0"><tr><Td>
News News News News News News News News News News News News News News News News News News News News News News
</tr></td>
  1. <TABLE class="border" width="410" cellpadding=3 cellspacing=0 border="0"><tr><Td>
  2. News News News News News News News News News News News News News News News News News News News News News News
  3. </tr></td>


just switch around the two closing tags ... they should be </td></tr>

Post Information

  • Total Posts in this topic: 8 posts
  • Users browsing this forum: No registered users and 34 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.