Ähum, sitter här och testar och i mina tester så ser sidan exakt likadan ut i både FF och IE. :q
Förresten, *.bmp är inget lämpligt format för bilder på webben.
Frågan#1
Hej!
Kod index.html:
<html>
<head>
<link rel="stylesheet" type="text/css" href="stilmall.css">
<!--[if IE]>
<style type="text/css">
#sida {height:100%}
</style>
<![endif]-->
</head>
<body>
<div id="sida">
<!---------------Loggan--------------->
<div id="logga"></div>
<!---------------Menyn--------------->
<div id="meny">
<h1>Startsidan</h1>
<h1>Arkiv</h1>
<h1>Produkter</h1>
<h1>Gästbok</h1>
<h1>Länkar</h1></div>
<!---------------Innehållstabellen--------------->
<div id="innehall"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>wsf</div>
</div>
<!---------------Sidfoten--------------->
<div align="center"><div id="sidfot"><img src="bottom.bmp"></img></div></div>
</body>
</html>
Kod stilmall.css:
html,body {
height:100%;
margin: 0px;
padding: 0px;
background: url(bg.bmp);
text-align:center;
}#sida {
margin: 0px auto;
background-image: url(contentbg.bmp);
width: 700px;
min-height: 100%;}
#logga {
background: url(top.bmp);
width: 700px;
height: 140px;
}#meny {
position: relative;
left: 24px;
text-align: left;
border: 1px solid #C0C0C0;
width: 170px;
float: left;
}#innehall {
position: relative;
left: 36px;
text-align: left;
border: 1px solid #C0C0C0;
width: 469px;
float: left;
font-family: tahoma 11px;
}#sidfot {
position:relative;
width: 700px;
height: 32px;
clear: both;
}
Varför vägrar diven sida att bli MINST 100% i height? Nu blir den bara 100% och sedan när man scrollar slutar den. OBS. Det händer bara i Firefox men inte i IE eller Opera där funkar det fin fint.
