Hello!
I've ran into a possible bug in Internet Explorer, in all versions below IE8.
When testing my CSS work all content between the head of the page and the footer disappeares and I havn't found a workaround solution in my litterature.
Anybody familiar with this bug?
In Safari and Firefox (and IE8) all works fine.
I'm grateful for any suggestions.....
URL: http://www.egenart.info/katalog
CSS:
--------------------------------------------------
body {
background-color: #c8bc93;
margin-top: 0;
}
p {
font-family: verdana, helvetica, sans-serif;
font-size: 0.7em;
font-style: normal;
line-height: 1.5em;
color: #422;
}
h6 {
font-family: verdana, helvetica, sans-serif;
font-size: 0.5em;
font-style: normal;
line-height: 1.5em;
text-align: right;
color: #000;
}
h1 {
font-family: verdana, helvetica, sans-serif;
font-size: 1.8em;
font-weight: bold;
font-style: normal;
line-height: 0.8em;
text-align: center;
color: #257;
}
h2 {
font-family: verdana, helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
font-style: normal;
line-height: 1em;
text-align: left;
color: #532;
}
a:link {
color: #f53;
text-decoration: none;
}
a:hover {
color: #f05;
text-decoration: none;
}
a:active {
color: #f05;
text-decoration: none;
}
a:visited {
color: #f53;
text-decoration: none;
}
#container {
width: 800px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
#sidhuvud {
width: 800px;
height: 117px;
background: url(bilder/sidhuvud.gif) no-repeat;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
margin-top: 0px;
}
#menyrad {
width: 800px;
height: 32px;
background-color: #ffe;
border-top: 4px #dc8 solid;
border-bottom: 4px #dc8 solid;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
}
#menyrad p {
margin-top: 8px;
margin-left: 15px;
}
#visningsfonster {
width: 800px;
background: url(bilder/bglinje.gif);
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
.namnlista {
width: 180px;
margin-top: 0px;
margin-left: 10px;
padding: 5px;
float: left;
}
.innehall {
width: 570;
//background-color: #9c3;
margin-top: 0px;
margin-left: 200px;
margin-right: 0px;
margin-bottom: 0px;
padding: 5px;
}
#sidfot {
width: 800px;
height: 29px;
background-color: #253;
clear: both;
}
#sidfot p {
margin-top: 0px;
margin-left: 10px;
padding: 5px;
color: #fff;
}
--------------------------------------------------
HTML:
--------------------------------------------------
<!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" xml:lang="en" lang="en"><head>
<title>Konstnärskatalog 2010</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="katalog.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="sidhuvud">
</div>
<div id="menyrad">
<p>Kreatörer A-Ö | Målare | Tecknare | Grafiker | Skulptörer | Textilkonstnärer | Fotografer | Konsthantverkare, formgivare | Slöjdare</p>
</div>
<div id="visningsfonster">
<div class="namnlista">
<p><b>Anders Nilsson<br/>
Petter Wennberg</b></p><br/>
</div>
<div class="innehall">
<p>Detta fonster ska visa text och alla bilder! Nu ska jag skriva lite mera och se hur det tar sig ut om det blir lite mera text, som tar upp rutan. Jag skulle vilja att texten strecker sig enda ut till hugerkanten!!!<br/><br/><br/><br/><br/><br/><br/></p>
<img src="bilder/35.jpg" border="0" alt="konstnarer" />
</div>
</div>
<div id="sidfot">
<p>© Lars Berg Egenart 2010</p>
</div>
</div>
</body>
</html>
--------------------------------------------------