static og fixed div igen
Hej igen, igen.Jeg har nogle problemer med at få mit "design" til at virke i internet explorer.
min css ser sådan ud:
#PopFadeDiv
{
margin: 0px;
position: fixed;
height: 100%;
width: 100%;
left:0px;
top:0px;
z-index: 3;
opacity: .6;
filter: alpha(opacity=60);
background-color: #666666;
visibility:hidden;
}
#PopOverDiv
{
z-index: 20;
margin: 0px;
position: fixed;
height: 100%;
width: 100%;
left:0px;
top:0px;
visibility:hidden;
}
#PopForDiv
{
position: static;
opacity: .95;
filter: alpha(opacity=95);
border: 2px solid black;
height: 450px;
width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background-color: #707B9E;
visibility:hidden;
}
sådan skal det se ud (rolig nu har ikke fået valgt farver i nu :D)
http://img352.imageshack.us/my.php?image=popupfirefoxlk5.png
sådan bliver det også vist i firefox, men i internet explorer kommer det til at se sådanne ud:
http://img66.imageshack.us/my.php?image=popupieug4.png
Jeg har så fået læst mig frem til at fixed position ikke virker i IE, så jeg lavede en anden css til IE hvor jeg har skiftet fixed ud med absolute og fjernet scroll baren.
css'en ser sådan ud:
PopFadeDiv
{
margin: 0px;
position: absolute;
height: 100%;
width: 100%;
left:0px;
top:0px;
z-index: 3;
opacity: .6;
filter: alpha(opacity=60);
background-color: #666666;
overflow: auto;
}
#PopOverDiv
{
z-index: 20;
margin: 0px;
position: absolute;
height: 100%;
width: 100%;
left:0px;
top:0px;
}
#PopForDiv
{
position: static;
opacity: .95;
filter: alpha(opacity=95);
border: 2px solid black;
height: 450px;
width: 300px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
background-color: #707B9E;
Det virker stadig ikke.
Hvis man ikke kan se det på billedet er der to problemer.
1: "boxen" er ikke i midten som den skal.
2: over i højre side dækker den div der hedder PopFadeDiv ikke (jeg har gjordt baggrunden sort, så det mere tydeligt)
Det første problem tror jeg er fordi at den ikke kan håndtere en static div inde i en absolute div (men hvad gør jeg så)
Det andet problem, er jeg helt på bar bund med.
håber nogle kan hjælpe.
Mvh
Nicklas Warming Jacobsen
PS: har sat pointene lidt højt, da jeg har sidet og bøvlet med det selv i virkelig lang tid nu.
