Forum PHP.pl > [CSS]Okno na środku strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]Okno na środku strony

Lirdoner

4.08.2010, 14:20:30

Witam, jak zrobić aby okno było na środku strony w każdej rozdzielczości
dodatkowo mam parametr position:fixed więc margin: 0 auto nic nie daje

kapuch

4.08.2010, 16:07:06

Cytat(Lirdoner @ 4.08.2010, 15:20:30 )

Witam, jak zrobić aby okno było na środku strony w każdej rozdzielczości
dodatkowo mam parametr position:fixed więc margin: 0 auto nic nie daje

To jak niby chcesz to wycentrowac, skoro uzywajac position: fixed; przyklejasz dany element.
Zrob kontener i daj mu fixed, a w nim dopiero element, ktory chcesz centrowac:

[HTML] pobierz, plaintext 
<style type="text/css">
.container {
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
}
.popup {
 margin: 0 auto;
 width: 400px;
 height: 250px;
 border: 1px solid #000;
 background-color: #FF0000;
}
</style>
 
<!-- a w body -->
<body>
<div class="container">
 <div class="popup">OKNO</div>
</div>
</body>
[HTML] pobierz, plaintext

Pisane na szybko, wiec moze jakis blad sie pojawic, ale chodzi mi tylko o nakreslenie rozwiazania

skarabe.pl

4.08.2010, 16:13:06

[HTML] pobierz, plaintext 
<div style="position: fixed; left: 50%; top: 50%">
    <div style="position: relative; left: -50px; top: -50px">
        <div style="width: 100px; height: 100px;">
 
        </div>
    </div>
</div>
[HTML] pobierz, plaintext

Jak zmienisz wymiary kwadratu to musisz pamiętać o aktualizacji left i top (dokładnie połowa, odpowiednio, szerokości i wysokości).

websurg

5.08.2010, 12:13:48

Na moim blogu opisałem sposób na crossbrowser overlay.
Fixed OVERLAY w CSS
Zapraszam

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.