Hvorfor virker a href ikke?
Jeg er ved at blive tosset. Hvis jeg indsætter <a href i den yderste div virker det fint, men indsætter jeg et a href i de inderste divver virker linket ikke i IE 6 - nogen der kan se hvad der er galt?Kode:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//DA" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="da">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"/>
<title>Untitled Page</title>
<!-- <link href="style.css" rel="stylesheet" type="text/css" media="all"/> -->
<style type="text/css" media="screen">
html, body {
margin: auto;
padding: 0px;
padding-top: 20px;
margin-left: 5%;
margin-right: 5%;
margin-bottom: 20px;
font: 10px/18px "arial";
text-align: center; /*centrerer siden */
height: 100%;
}
body {
background-image : url(gfx/background.png);
background-repeat : repeat-x;
}
h1 {font: 38px/30px "georgia"}
h2 {font: 30px/30px "georgia"}
#page {
/* 740 - 20 - 20 = 700 - 684 = 16 ?? ie scrollbar??*/
margin: 0px;
padding: 0px;
WIDTH: 740px; /*works in firefox */
DISPLAY: block;
height : 100%;
text-align: left; /* venstre stiller indhold */
/* virker kun i firefox */
margin-right: auto;
margin-left: auto;
}
/* the following rule is recognized only by IE */
* html body #page {
WIDTH: 756px; /*works in IE width + 16 */
}
#pageheader {
clear: both;
padding: 0px;
margin: 0px;
background: #456;
height: 20px;
background: url('gfx/tiletop.png') no-repeat left top;
}
* html body #page #pageheader {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/tiletop.png', sizingMethod='scale');
background: no-repeat left top !important;
}
#page #maincontent {
FLOAT: left;
WIDTH: 100%;
padding-left: 25px;
HEIGHT: auto;
BACKGROUND-COLOR: #6c3;
background: url('gfx/tiletestFF.png') repeat-y left top;
}
* html body #page #maincontent {
WIDTH: 100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/tiletestIE.png', sizingMethod='scale');
background: repeat-y left top !important;
}
#pagefooter {
clear: both;
padding: 0px;
margin: 0px;
background: #456;
height: 20px;
background: url('gfx/tilebottom.png') no-repeat left top;
}
* html body #page #pagefooter {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/tilebottom.png', sizingMethod='scale');
background: no-repeat left top !important;
}
.adresse { margin-top: 50px; clear: both; text-align: center;}
#maincontent #menu {
FLOAT: left;
WIDTH: 100%;
HEIGHT: 50px;
BACKGROUND-COLOR: #39f;
border: 1px solid #436;
}
a:link, a:visited, a:active {color: red}
a:hover {color: green}
#maincontent #container {
/* height: 100%;
background-color: #fff;
background-image: url(gfx/content_back.png);*/
background-position : top;
background-repeat : repeat-y;
}
#container #content {
WIDTH: 450px;
width: 60%;
BACKGROUND-COLOR: transparent;
/* margin-right: -200px;*/
display: block;
min-height: 100px;
height: 100px;
height: auto;
border: 1px none #000;
float: left;
}
#container #fullcontent {
WIDTH: 600px;
width: 90%;
BACKGROUND-COLOR: green;
/* margin-right: -200px;*/
display: block;
min-height: 100px;
height: 100px;
height: auto;
border: 1px none #000;
float: none;
clear: both;
}
#container #rightpane {
FLOAT: left;
WIDTH: 264px;
width: 40%;
BACKGROUND-COLOR: transparent;
CLEAR: none;
border: 1px none green;
overflow: hidden;
}
.clearing {clear: both; border: 1px none #000}
</style>
</head>
<body bgcolor="#ffffff">
<div id="page">
<a href="simpelt.html">linket virker</a>
<div id="pageheader"><a href="simpelt.html">linket virker IKKE</a></div>
<div id="maincontent">
<div id="menu"><a href="simpelt.html">linket virker IKKE</a> og <a href="me.html">menupunkt</a> og <a href="me2.html">menupunkt nr 2</a></div>
<div id="container">
<div id="fullcontent"><img src="gfx/backgroundispretty.png" alt="testing" /><br/>haps haps</div>
<div class="clearing"> </div>
<div id="content">
<h1>hello</h1>Anders <h2>er en <a href="http://www.and.dk">and</a> men kunne være en mand en ande mand er en and men kunne være en mand en ande mand er en and men kunne være en mand en ande mand er en and men kunne være en mand en ande mand er en and men kunne være en mand en ande mand </h2> en and <img src="gfx/background.png" width="167" height="533" alt="testing" border="0" />hellohello<br />hellohello<br />hellohello<br />hellohello<br />hello
</div>
<div id="rightpane"><h2>nyhedsoversigt</h2><br />er her <br />er her </div>
<div class="clearing"> </div>
</div>
</div>
<div id="pagefooter"></div>
<div class="adresse">Her bor vi! <a href="simpelt.html">linket virker</a></div>
</div>
</body>
</html>
