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
‹ Css % Fórumhozzászólás megjelenítése ›
 ■
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

.popup-content {
  left: 50%;
  position: absolute;
  top: 50%;
  margin-left: -320px;
  z-index: 9999;
  margin-top: -160px;
  display: none;
}

.popup-background {
  background-color: rgb(0, 0, 0); 
  height: 100%;
  left: 0px; 
  opacity: 0.7;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9998;
  cursor: pointer;
  display: none;
}

.show-popup .popup-background,
.show-popup .popup-content {
  display: block;
}

<div class="popup-background"></div>
<div class="popup-content"><a class="bClose"><img src="../img/btn_close.png"></a>
    <div id="pContent"><img src="img/mikulas_bringan.jpg"></div>
</div>

(function (window) {
var onload = window.onload,
    showPopup = function () {
      document.body.className += 'show-popup';
    }
    hidePopup = function () {
      document.body.className = document.body.className.replace(/(?:\s|^)(show-popup)(?:\s|$)/g, '');
    },
    preparePopup = function () {
      var links = document.getElementsByTagName('a'),
          i = links.length;
      while (i--) {
        if (/(?:\s|^)bClose(?:\s|$)/.test(links[i].className)) {
          links[i].onclick = hidePopup;
        }
      }
      showPopup();
    };
    window.onload = onload ? function () {
      onload.call(window);
      preparePopup.call(window);
    } : preparePopup;
}(this));
Nem próbáltam ki.