Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][CSS]Div na połowie ekranu
Forum PHP.pl > Forum > Przedszkole
Kamil9132
Witam
Jak zrobić okno(div'a) ,który będzie zawsze na połowie ekranu ?
mmica
Hey ;]
Pisząc "na połowie ekranu" masz na myśli, że będzie zajmował połowę okna przeglądarki, czy będzie się znajdował na jego połowie? Tutaj masz coś takiego:
  1. *{margin:0;padding:0}
  2.  
  3. div#a
  4. {
  5. height: 50%;
  6. background: red
  7. }
  8.  
  9. div#b
  10. {
  11. position: fixed;
  12. top: 50%;
  13. background: yellow;
  14. width: 100%;
  15. height: 10px
  16. }
DIV o id "a" byłby odpowiedzią na pierwszy przypadek, a DIV o id "b" - na drugi.

Pozdrawiam,
mmica
Kamil9132
chodzi mi o to żeby div był na połowie okna ,a nie zajmował połowę ekranu
Tylko mi chodzi że jak przewinie się suwak w dół lub górę to div też się przesunie.
mmica
Czyli przypadek "b"..
  1. div#b
  2. {
  3. position: fixed;
  4. top: 50%;
  5. background: yellow;
  6.  
  7. width: 100%;
  8. height: 10px;
  9. }
Możesz jeszcze do tego dodać ujemny górny margines, tak aby równał się połowie wysokości diva i wtedy będziesz miał idealny środek.

Pozdrawiam,
mmica
Kamil9132
Wielkie dzięki smile.gif

Myślałem że to co podajesz to tylko top 50%.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.