Forum Moderators: open
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
<link rel="stylesheet" type="text/css" href="style/farsi.css" />
</head>
<body>
<div align="center">
<table style="width: 870px">
<tr>
<td class="logo">
<img alt="PDKI Logo" src="images/pdki-logo.gif" width="865" height="115"></td></tr><tr>
<td class="menu">خانه‌</td>
</tr>
</table>
</div>
</body>
</html>
and the css file contains;
body {
background-position: center top;
margin-top: 0px;
margin-bottom: 0px;
font-family: Tahoma;
font-size: 9pt;
background-image: url('../images/menu/sinur.gif');
background-repeat: repeat-y;
direction: rtl;
vertical-align: top;
}
table {
font-family: Tahoma;
font-size: 9pt;
text-align: right;
border-collapse: collapse;
}
td {
font-family: Tahoma;
font-size: 9pt;
text-align: right;
border-collapse: collapse;
}
.menu-beshi-chep {
background-image: url('../images/menu/beshi-chep.gif');
background-repeat: no-repeat;
background-position: right center;
height: 39px;
width: 18px;
border-collapse: collapse;
}
.menu-beshi-nawerast {
background-image: url('../images/menu/beshi-newerast.gif');
background-repeat: repeat-x;
background-position: center center;
font-family: Tahoma;
font-size: 9pt;
height: 39px;
padding-right: 5px;
padding-left: 5px;
text-align: right;
direction: rtl;
border-collapse: collapse;
}
.menu-beshi-rast {
background-image: url('../images/menu/besh-rast.gif');
background-repeat: no-repeat;
background-position: left center;
height: 39px;
width: 16px;
border-collapse: collapse;
}
.menu {
border-style: solid;
border-color: #c2d2e8;
border-width: 0px;
background-position: right top;
height: 30px;
padding-right: 5px;
padding-left: 5px;
background-image: url('../images/menu/menu.gif');
background-repeat: no-repeat;
}
.banner {
width: 780px;
height: 115px;
background-image: url('../images/pdki-logo.gif');
background-repeat: no-repeat;
background-position: top;
}
tr {
border-collapse: collapse;
}
.logo {
background-color: #ecf5ff;
height: 115px;
}
html {
vertical-align: top;
}
.main {
text-align: center;
vertical-align: top;
}
It works perfect in FF.
Any ideas why that space is showin in IE?
Thanks alot.
[edited by: encyclo at 12:40 pm (utc) on June 22, 2007]
[edit reason] no screenshot links please [/edit]
<table style="width: 870px">
<tr>
<td class="logo">
<img alt="PDKI Logo" src="images/pdki-logo.gif" width="865" height="115"></td></tr><tr>
<td class="menu">خانه‌</td>
</tr>
</table>
Place your content between the tags <tr> and <td>
What I was wondering is there any thing in my code that may be Incompatiple with IE (7)?
Becouse the page looks very nice in FF.
Thanks
Those codes do not exist in my codes
I believe that the coalman was pointing to this error, which does exist in the code you posted:
<table style="width: 870px">
<tr>
Validate your mark-up first, then work with cross-browser problems.
W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]
Trying to fix cross-browser problems without first removing coding errors can be a futile exercise. Each browser's error-recovery routines are different.
I usuallu use Vim to get rid of that, but Vim didn't find that one, so i used another editor, it's fixed now.
Thank you, appreciate your help.
