forskelle på visning i browserne IE6 og Firefox
http://ternholm.dk/images/firefoxContraIE6.jpgJeg synes jeg har prøvet alt fra collapse, spacing, margin mv. Altsammen uden nogen ændringer.
kildekoden ser således ud:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title>Time Registration</title>
<link rel="stylesheet" type="text/css" href="Style.css">
</head>
<body background="images/siteBG.gif" bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" scroll="yes">
<form id="form1" runat="server">
<div>
<!--
Surrounding table -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%" >
<tr>
<td valign="top" style="height: 100%; width: 151px;">
<!--
Left area table -->
<table border="0" cellspacing="0" cellpadding="0" width="150">
<tr>
<td class="almTekst" height="20"><img src="images/spacers/spacerGennem.gif"></td>
<td class="almTekst" width="1"><img src="images/spacers/spacerBlaa.gif" width="1" height="20"></td>
</tr>
<tr>
<td class="almTekst" height="1"><img src="images/spacers/spacerSort.gif" width="150" height="1"></td>
<td class="almTekst" width="1"><img src="images/spacers/spacerSort.gif" width="1" height="1"></td>
</tr>
<tr>
<td class="almTekst" valign="top" height="200" ><img src="images/Planner_grey.jpg"></td>
<td class="almTekst" width="1" bgcolor="#000000"><img src="images/spacers/spacerSort.gif" width="1" height="150"></td>
</tr>
<tr>
<td class="almTekst" height="1"><img src="images/spacers/spacerSort.gif" width="150" height="1"></td>
<td class="almTekst" width="1"><img src="images/spacers/spacerSort.gif" width="1" height="1"></td>
</tr>
<tr>
<!--
margin between woman and menu -->
<td valign="top" style="height: 20px">
<!--
here goes the left menu-->
</td>
</tr>
</table>
</td>
<td valign="top">
<!-- TABLE 3 BEGIN -->
<table border="0" cellspacing="0" cellpadding="0" height="135" width="100%">
<tr>
<td bgcolor="#004C6D" class="menu" height="20" align="right">
<a class="menu" href="Default.aspx">
<img src="images/spacers/spacerOrange.gif" width="4" height="4" align="absmiddle"
border="0"> home</a> </td>
</tr>
<tr>
<td class="almTekst" height="1" bgcolor="#000000">
<img src="images/spacers/spacerSort.gif"></td>
</tr>
<tr>
<td class="almTekst" height="95" background="images/TimeRegistration.jpg">
<img src="images/spacers/spacerGennem.gif"></td>
</tr>
<tr>
<td class="almTekst" height="1" bgcolor="#000000">
<img src="images/spacers/spacerSort.gif"></td>
</tr>
<tr>
<td class="menu" bgcolor="#0E3749" style="height: 20px">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="menu">
</td>
<td class="menu">
<a class="menu" href="Default.aspx">Templates</a></td>
<td class="menu">
<img src="images/spacers/menuSpacer.gif"></td>
<td class="menu">
<a class="menu" href="Default.aspx">Statistics</a></td>
<td class="menu">
<img src="images/spacers/menuSpacer.gif"></td>
<td class="menu">
<a class="menu" href="Default.aspx">Admin</a></td>
</tr>
</table>
<!-- TABLE 3 END -->
</td>
</tr>
<tr>
<td class="almTekst" height="1" bgcolor="#000000">
<img src="images/spacers/spacerSort.gif"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
tilhørende css:
body {
}
a
{
text-decoration : none;
color : gray;
}
a:hover
{
text-decoration : none;
color : #CD7D12;
}
.menu:link
{
text-decoration : none;
font-family : verdana, arial;
font-size : 8pt;
color : white;
}
.menu:hover
{
text-decoration : none;
font-family : verdana, arial;
font-size : 8pt;
color : #EB9420;
}
.menu:visited
{
text-decoration : none;
font-family : verdana, arial;
font-size : 8pt;
}
.u_menu:link
{
text-decoration : none;
font-family : verdana, arial;
font-size : 7pt;
color : white;
}
.u_menu:hover
{
text-decoration : none;
font-family : verdana, arial;
font-size : 7pt;
color : #EB9420;
}
.u_menu:visited
{
text-decoration : none;
font-family : verdana, arial;
font-size : 7pt;
}
hvori ligger fejlen??
som i kan se af linket, ser det ok ud i IE6.0 men det ser ud som om der er en margin eller spacing på den yderste tabel. Men uanset hvad jeg gør ved den tabel, er resultatet det samme.
Hvordan løser jeg problemet, så den er browser venlig uanset ff eller ie ??
