Avatar billede nicklasw Nybegynder
14. januar 2009 - 10:48 Der er 2 kommentarer og
1 løsning

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.
Avatar billede nicklasw Nybegynder
14. januar 2009 - 11:47 #1
Jeg kan muligvis klare problemet via javascript.
Men jeg vil helst havde en css løsning
Avatar billede nicklasw Nybegynder
14. januar 2009 - 18:30 #2
Jeg har nu fået klaret det via javascript, men hvis der nogen der har en css løsning vil den være meget velkommen ;D
Avatar billede nicklasw Nybegynder
13. december 2012 - 16:02 #3
svar til selv
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester