CSS border problem.
Prøv engang af putte denne kode ind i en editor, og vis resultatet i Explorer. Det ses at stregerene forsvinder på midten. De kommer dog ved, hvis man refresher siden i browseren. Den vises korrekt i Firefox. Problemet er kun i Explorer.Til Explorer løses problemet ved at indsætte height: 400px i .frame i css'en, men så skalerer siden ikke automatisk i Firefox ved lange dokumenter. Hvordan får jeg det til at virke både i Explorer og i Firefox?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Website Powered by Bravenet</title>
<meta name="Generator" content="Stone's WebWriter 4">
<style type="text/css" media="screen">
body
{
background-color: white;
}
.right
{
float: right;
}
.left
{
float: left;
}
.wrapper
{
width: 900px;
margin: 0 auto;
}
.content
{
padding: 0px 20px 0px 20px;
border: solid black;
border-width: 0px 1px 1px 1px;
}
.content.padleft
{
padding-left: 160px;
}
.content.padright
{
padding-right: 160px;
}
.frame
{
padding: 0 10px 0 10px;
border: solid black;
border-width: 1px 1px 0 1px;
}
.sidebar
{
width: 150px;
height: 400px;
padding: 0 10px 5px 0px;
border: solid black;
border-width: 1px 0 0 0;
}
.clearer {
clear: both;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="sidebar left"></div>
<div class="sidebar right"></div>
<div class="content padleft padright">
<div class="frame">
<div class="clearer"> </div>
</div>
</div>
</div>
</BODY>
</HTML>
