Hjælp til noget CSS
Jeg ved ikke om det her sted er det rigtige at poste, men jeg har et virkeligt irriterende problem med mit website.Dette er mit første virklige CSS site hvor jeg bruger DIV's, så bær over med mig :P
Link til site: http://www.virtue-guild.org/virtuehp/index.php
Umiddelbart når man kommer ind på den ser det jo fint ud, men hvis du prøver at trykke på comment nede ved news, så vil mine sider og baggrund ikke følge med teksten.
Noget kode:
#textareabg {
position:absolute;
left:50%;
width:700px;
height:100%;
margin: 0px 0px 0px -350px;
background:#d9c378;
border-width:1px;
border-style: solid;
border-color:#000;
z-index:1;
bottom:0;
}
#leftside {
position:absolute;
left:50%;
width:50px;
margin: 0px 0px 0px -400px;
background:#a99659;
background-image: url("leftside.gif");
z-index:2;
height:100%;
}
#rightside {
position:absolute;
left:50%;
width:50px;
margin: 0px 0px 0px 347px;
background:#a99659;
background-image: url("rightside.gif");
z-index:3;
height:100%
}
#maintext {
position:absolute;
left:50%;
width:700px;
bottom: 0px;
top: 178px;
margin: 0px 0px 0px -350px;
font-size: 70%;
font-style: inherit;
text-align: center;
z-index:3;
}
Leftside og rightside er de 2 sider, maintext er selve teksten, og textareabg er baggrunden.
Jeg aner virkeligt ikke hvad jeg skal gøre, jeg prøvede at lave mine positions fixed istedet for absolute. Det virkede også ok i FF, men i IE er det helt hen i vejret.
Nogen ide til hvad jeg kan gøre, jeg kan godt linke hele min CSS hvis i ikke har et addon i FF til at se det.