Håller på med ett lite annorlunda projekt. Sidan ska givetvis fungera både i IE och andra webbläsare. Men nu när jag testade den i FF så blev det lite knas.
Problemet är att en div inte vill gå hela vägen ner till min footer vilket medför att man ser bakgrunsbilden.
Några idéer på gur jag fixar detta.
URL till sida: http://www.bostream.nu/kimblad/blog/
CSS:
body {
background-image:url(bg.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
div {
background-color:#FFFFFF;
}
div#header {
width:600px;
height:210px;
margin-left:100px;
}
.meny {
height:25px;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
li {
float:left;
position: relative;
height:25px;
width:20%;
text-align:center;
background-color:#CCD8DF;
letter-spacing:2px;
padding-top:9px;
}
.nohover {
text-decoration:none;
color:#000000;
}
div#content-sub-2 {
width:435px;
float:left;
}
div#content-sub-3 {
width:150px;
clear:right;
float:right;
padding-left:5px;
border-left-style:dotted;
border-left-color:#CCD8DF;
}
div#footer {
clear:both;
width:600px;
height:40px;
margin-left:100px;
color:#C0C0C0;
letter-spacing:2px;
text-align:center;
}
#runt {
width:600px;
margin-left:100px;
}
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#668B9E;
padding-left:25px;
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#668B9E;
padding-left:25px;
}
.spacer {
border:0px;
height:0px;
clear:both;
width:0px;
margin-left:100px;
}
.logotext {
padding-right:28px;
padding-top:1px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-align:right;
}
