Jag vet inte vad som orsakar mitt problem men kolla i explorer, det blir mellanrum mellan den gröna loginboxen och topp-menyn. Detta sker inte i firefox. Varför?
KOD:
<!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>
<title>Untitled Page</title>
<link type="text/css" rel="Stylesheet" href="StyleSheets/Master.css" />
</head>
<body>
<div id="main">
<div class="alignleft">
<table id="table_menu" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="Login.aspx">
<img alt="start" src="Images/start.png" /></a>
</td>
<td>
<a href="Login.aspx">
<img alt="news" src="Images/news.png" /></a>
</td>
<td>
<a href="Login.aspx">
<img alt="seriea" src="Images/seriea.png" /></a>
</td>
<td>
<a href="Login.aspx">
<img alt="laliga" src="Images/laliga.png" /></a>
</td>
<td>
<a href="Login.aspx">
<img alt="premier" src="Images/premier.png" /></a>
</td>
<td>
<a href="Login.aspx">
<img alt="forum" src="Images/forum.png" /></a>
</td>
<td>
<a href="Login.aspx">
<img alt="contact" src="Images/contact.png" /></a>
</td>
<td>
<a href="Login.aspx">
<img alt="myleagues" src="Images/myleagues.png" /></a>
</td>
</tr>
<tr>
<td colspan="8">
<table id="table_content" cellspacing="0" cellpadding="0">
<tr>
<td id="td_menuleft">
menu left
</td>
<td id="td_content">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</td>
<td id="td_menuright">
<div id="loginbox">
<table>
<tr>
<td>
Username:
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
Password:
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
CSS:
body
{
background-color:#b00000;
font:11px "Franklin Gothic Medium", Verdana;
color:White;
}
a
{
text-decoration:none;
color:White;
}
img
{
border-style:none;
}
div#main
{
margin-left:auto;
margin-right:auto;
text-align:center;
width:1000px;
background-image:url('../Images/background.png');
background-repeat:no-repeat;
padding-top:120px;
}
.alignleft
{
margin-left:auto;
margin-right:auto;
text-align:left;
width:890px;
}
table#table_menu
{
width:890px;
height:20px;
background-image:url('../Images/topmenu.png');
background-repeat:no-repeat;
}
table#table_menu tr
{
padding:0px;
}
table#table_menu td
{
padding-left:16px;
padding-right:16px;
height:20px;
}
table#table_menu img
{
}
table#table_content
{
width:890px;
margin-top:0px;
}
td#td_menuleft
{
width:195px;
/*border:solid 1px black;*/
}
td#td_content
{
width:500px;
/*border:solid 1px black;*/
}
td#td_menuright
{
width:195px;
vertical-align:top;
}
div#loginbox
{
width:195px;
height:140px;
background-image:url('../Images/loginbox.png');
background-repeat:no-repeat;
}
div#loginbox td
{
padding-left:16px;
}
Allt ligger ute på https://www.ilcalcio.se/ilcalcioutv
Jag har försökt köra cellspacing 0, cellpadding 0, bordercollapse collapse osv.. Nån som har en idé varför explorer visar så här?
Tacksam för hjälp..