loonie35 Posted December 16, 2008 Share Posted December 16, 2008 In FF and other browsers:in IE:I dont need that strange borders, how to remove them?here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>V1</title><link rel="stylesheet" type="text/css" href="main.css" /></head><body><table align="center" cellpadding="0" cellspacing="0" border="0"><tr><td class="mala1"></td><td><table align="center" cellpadding="0" cellspacing="0" border="0"><tr><td class="all"><table cellpadding="0" cellspacing="0" border="0"><tr><td class="upmenu"><div id="icorow"><img alt="Bookmark" src="favourite.png"/><a href="#">Add to Favorites</a><img alt="Home" src="home.png"/><a href="#">Make us your homepage!</a><img alt="Rss" src="rss.png"/><a href="#">Rss Feeds</a></div></td></tr><tr><td class="header"></td></tr><tr><td class="border_menu"></td></tr><tr><td class="menu100"><table cellpadding="0" cellspacing="0" border="0"><tr><td class="menu_main"><a href="#"><img src="spacer.gif" width="83" height="38"></a></td><td class="menu_news"><a href="#"><img src="spacer.gif" width="97" height="38"></a></td><td class="menu_radio"><a href="#"><img src="spacer.gif" width="100" height="38"></a></td><td class="menu_forum"><a href="forum"><img src="spacer.gif" width="105" height="38"></a></td></tr></table></td></tr><tr><td class="border_menu"><table height="1" width="1075" cellpadding="0" cellspacing="0" border="0"><tr><td></td></tr></table></td></tr><tr><td><table width="1075" class="pari_visam" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" class="left">dfddd</td><td valign="top" class="inside">dffgsdgsdf gsdfgsdfgadfgadf gadfgadgasdfhgsdfbhsdf ghsdfbsdfbgfbsfbgsfbgsfgb fgbfsbgsgfsgsg gf g g g g sggs fbgsf basgf asfbs dfbsrgf</td><td valign="top" class="right1">dfddddddddd</td><td valign="top" class="right2">vfsdbdbsd</td></tr><tr><td colspan="4" class="footer"></td></tr></table></td></tr></table> </td></tr></table></td><td class="mala2"></td></tr><tr><td colspan="3"><table cellpadding="0" cellspacing="0" border="0"><tr><td class="mala3"></td><td class="mala4"></td><td class="mala5"></td></tr></table></td></tr></table></body></html> here CSS: body {margin-top:0;font-family: Arial, Helvetica, sans-serif;font-size: 13px;margin-bottom:20px;background: url(bg.gif);}td.all {width:1075px;}td.upmenu {background:#EFE8C2 none repeat scroll 0;border-bottom:1px solid #DAD1A2;border-left:1px solid #DAD1A2;border-right:1px solid #DAD1A2;height:25px;width:1073px;}#icorow {color:#000000;display:inline;float:right;font-family:Verdana;font-size:11px;padding:0 4px 0 0;}#icorow a {color:#000000;text-decoration:none;}#icorow a:hover {color:#000000;text-decoration:underline;}td.header { width: 1075px; padding: 0px; height: 130px; margin: 0px 0px 0px 0px; background: #ABBEBE url(logo.jpg) no-repeat scroll 0%; margin-top: 0px;}td.border_menu {background-color:#C6B796;width:100%;height:2px;}td.menu_main {background: url(main.png) no-repeat;width:83px;height:38px;}td.menu_main:hover {background: url(main_hover.png) no-repeat;width:83px;height:38px;}td.menu_news {background: url(news.png) no-repeat;width:97px;height:38px;}td.menu_news:hover {background: url(news_hover.png) no-repeat;width:97px;height:38px;}td.menu_radio {background: url(radio.png) no-repeat;width:100px;height:38px;}td.menu_radio:hover {background: url(radio_hover.png) no-repeat;width:100px;height:38px;}td.menu_forum {background: url(forum.png) no-repeat;width:105px;height:38px;}td.menu_forum:hover {background: url(forum_hover.png) no-repeat;width:105px;height:38px;}img {border:none;}td.menu100 {background: url(dd.png) repeat-x;height:38px;border-right: 1px solid #cbcbcb;}td.inside {color:#333333;margin:4px;width:598px;padding-top:10px;padding-bottom:10px;}td.left {color:#333333;margin:4px;padding-left:5px;padding-right:0;padding-top:10px;width:172px;padding-bottom:10px;}td.right1 {color:#333333;margin:3px;width:155px;padding-top:10px;padding-left:10px;padding-bottom:10px;}td.right2 {color:#333333;margin:3px;width:150px;padding-top:10px;padding-bottom:10px;}table.pari_visam {background: url(faux.png) repeat-y;}a {color:#000000;text-decoration:none;}a:hover {color:#000000;text-decoration:underline;}td.footer {background:#EAE8D4 url(footer.png) no-repeat;border:none;color:#333333;height:35px;padding:0;}td.mala1 {width:5px;background: url(07.png) repeat-y;}td.mala2 {width:5px;background: url(1_18.png) repeat-y;}td.mala3 {background: url(23.png) no-repeat;width:13px;height:11px;}td.mala4 {width:1059px;background: url(24.png) repeat-x;}td.mala5 {background: url(27.png) no-repeat;width:13px;height:11px;} Big thanks for help! Link to comment Share on other sites More sharing options...
alexnofue Posted December 16, 2008 Share Posted December 16, 2008 Hi, just for a quick reply use the css conditional for ie, if i recall well they were like:<! if IE >//better check itand also its better to build a page using the tables only to tabular data not everything Link to comment Share on other sites More sharing options...
Jerry62704 Posted December 16, 2008 Share Posted December 16, 2008 In FF and other browsers:in IE:Your code has 30+ errors in it. I was going to correct it for you, but by the time I got to the 4th nested table I decided it wasn't worth the effort. Using tables for layout is a problem.Your css was pretty good validation-wise! You do have hovers on your TD elements - IE quirks mode won't like that and will ignore it. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.