så kan ses i firefox
Hej, jeg håber at der er nogle som vilk hjælpe mig med at få min side (cool-templates.hundetis.dk) til at kunne ses ordenligt i Firefox som i IE? jeg giver 64 points til den som kan lave det så det passer til Mozilla Firefox..Min index.htm ser sådan her ud:
<html>
<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
</head>
<link rel="stylesheet" type="text/css" href="style.css">
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<link rel="alternate stylesheet" type="text/css" title="Old School" media="screen" href="style_2.css">
<link rel="alternate stylesheet" type="text/css" title="Old Pro" media="screen" href="style_3.css">
<script type="text/javascript" src="styleswitcher.js"></script>
</head>
<body>
<div id="header" style="width: 632px; height: 163px"><b><p>Style:</b><span style="text-decoration: none">
</span><a href="#" onclick="setActiveStyleSheet('konge'); return false;" onkeypress="setActiveStyleSheet('konge')">Standard</a>
-
<a href="#" onclick="setActiveStyleSheet('Old School'); return false;" onkeypress="setActiveStyleSheet('Old School')">
Old School</a> -
<a href="#" onclick="setActiveStyleSheet('Old Pro'); return false;" onkeypress="setActiveStyleSheet('Old Pro')">
Old Pro</a></p><p> </div>
<div id="menu" style="width: 632px; height: 17px"><p align="center">
<a href="index.htm">News</a> -
<a href="templates.htm">Templates</a>
- <a href="gfxx.htm">Gfx</a> - <a href="banner.htm">Banner</a> -
<a href="affiliate.htm">Affiliates</a> -
<a href="be_a_affiliate.htm">Be a Affiliate</a>
- <a href="crew.htm">The Crew</a> - <a href="#">Tagwall</a> -
<a href="other.htm">Other</a></p></div>
<table border="0" width="63%">
<tr>
<td>
<p>No news right now..</p>
<p> </p>
<p> </p>
<p> </p>
<p> </td>
</tr>
</table>
<table border="0" width="63%">
<tr>
<td>
<p align="center"><b>Copyright Cool
Templates 2005-2006 / Made by hundetis.dk<br>
<a title="CSS Valid" target="_blank" href="http://jigsaw.w3.org/css-validator/">
<img border="0" src="gfx/css_valid.GIF" width="78" height="13"></a>
<a title="GAY Valid" target="_blank" href="http://cool-templates.hundetis.dk">
<img border="0" src="gfx/gay_valid.GIF" width="78" height="13"></a>
<a title="FREE Valid" target="_blank" href="http://cool-templates.hundetis.dk">
<img border="0" src="gfx/free_valid.GIF" width="78" height="13"></a></b></td>
</tr>
</table>
</html>
Og min style ser sådan her ud:
body {
background-image: url('gfx/magin_repeat.jpg');
background-repeat: repeat-y;
}
p {
font-family: verdana;
font-size: 9px;
color: #9C9C9C;
}
#header {
height: 163px;
width: 698px;
background-image: url('gfx/head.JPG');
padding-left: 2px;
}
a {
border-bottom: 2px solid #9C9C9C;
}
a:hover {
border-bottom: 2px solid orange;
}
a:link {
text-decoration:none;
color: #9C9C9C;
}
a:visited {
text-decoration:none;
color: #9C9C9C;
}
#menu {
background: #F3F3F3;
height: 17px;
width: 698px;
padding-left: 2px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #9C9C9C;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #9C9C9C;
}
