ugrás a tartalomhoz

bPopup ablak

Spiki · 2012. Dec. 10. (H), 00.44
Szervusztok!

Megoldást keresek a következő problémára.
bPopup-pal szeretnék egy ablakot megjeleníteni, de valahogy ezen az oldalon sehogy sem sikerül középre (mint normál esetben) helyezni.
Mi lehet a probléma?
Várom a véleményeket, javaslatokat, észrevételeket!
Az oldal: http://www.fitzone.hu/index2.php
Előre is köszönöm!

Spiki
 
1

Talán azért, mert azon az

Poetro · 2012. Dec. 10. (H), 00.53
Talán azért, mert azon az oldalon a body elemnek nincsen magassága, mivel minden abszolút pozicionálva van benne. Egyébként, miért van szükség arra a pluginre? Miért nem oldod meg pusztán CSS-ből?
2

Poetro! Akkor mi lenne a

Spiki · 2012. Dec. 10. (H), 16.09
Poetro!

Akkor mi lenne a megoldás?
Azért használtam ezt, mert egyszerű volt, és működött.

Spiki
3

Mi az, amit el akarsz érni,

Poetro · 2012. Dec. 10. (H), 17.34
Mi az, amit el akarsz érni, és akkor talán találunk rá megoldást. Azt nem tudom, mikor működött, mert nem mutattál működő változatot.
4

Poetro! Anno aktualitások,

Spiki · 2012. Dec. 10. (H), 22.28
Poetro!

Anno aktualitások, illetve regisztrációs formok voltak az adott képernyő közepén egy ablakban. Régen felbukkanó ablakokat használtam, de ezt a felhasználó letilthatja, így ezért fordultam ehhez a megoldáshoz, mert ez mindig megjelenik.
Az oldal betöltődése után szeretnék egy információs ablakot (bezáró gombbal) megjeleníteni a képernyő közepén.

Spiki
5

.popup-content { left:

Poetro · 2012. Dec. 10. (H), 23.26
  1. .popup-content {  
  2.   left: 50%;  
  3.   positionabsolute;  
  4.   top: 50%;  
  5.   margin-left-320px;  
  6.   z-index9999;  
  7.   margin-top-160px;  
  8.   displaynone;  
  9. }  
  10.   
  11. .popup-background {  
  12.   background-colorrgb(000);   
  13.   height100%;  
  14.   left: 0px;   
  15.   opacity: 0.7;  
  16.   positionfixed;  
  17.   top: 0px;  
  18.   width100%;  
  19.   z-index9998;  
  20.   cursorpointer;  
  21.   displaynone;  
  22. }  
  23.   
  24. .show-popup .popup-background,  
  25. .show-popup .popup-content {  
  26.   displayblock;  
  27. }  
  1. <div class="popup-background"></div>  
  2. <div class="popup-content"><a class="bClose"><img src="../img/btn_close.png"></a>  
  3.     <div id="pContent"><img src="img/mikulas_bringan.jpg"></div>  
  4. </div>  
  1. (function (window) {  
  2. var onload = window.onload,  
  3.     showPopup = function () {  
  4.       document.body.className += 'show-popup';  
  5.     }  
  6.     hidePopup = function () {  
  7.       document.body.className = document.body.className.replace(/(?:\s|^)(show-popup)(?:\s|$)/g, '');  
  8.     },  
  9.     preparePopup = function () {  
  10.       var links = document.getElementsByTagName('a'),  
  11.           i = links.length;  
  12.       while (i--) {  
  13.         if (/(?:\s|^)bClose(?:\s|$)/.test(links[i].className)) {  
  14.           links[i].onclick = hidePopup;  
  15.         }  
  16.       }  
  17.       showPopup();  
  18.     };  
  19.     window.onload = onload ? function () {  
  20.       onload.call(window);  
  21.       preparePopup.call(window);  
  22.     } : preparePopup;  
  23. }(this));  
Nem próbáltam ki.