Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][CSS]Div na połowie ekranu
Kamil9132
post 31.12.2010, 19:09:16
Post #1





Grupa: Zarejestrowani
Postów: 210
Pomógł: 0
Dołączył: 7.11.2010

Ostrzeżenie: (10%)
X----


Witam
Jak zrobić okno(div'a) ,który będzie zawsze na połowie ekranu ?
Go to the top of the page
+Quote Post
mmica
post 31.12.2010, 19:42:34
Post #2





Grupa: Zarejestrowani
Postów: 60
Pomógł: 20
Dołączył: 30.11.2010
Skąd: 127.0.0.1

Ostrzeżenie: (10%)
X----


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


--------------------
"Imagination is more important than knowledge, because knowledge is limited." ~Albert Einstein
<?php $var = array('foo', 'bar'); ?>
Go to the top of the page
+Quote Post
Kamil9132
post 31.12.2010, 20:44:30
Post #3





Grupa: Zarejestrowani
Postów: 210
Pomógł: 0
Dołączył: 7.11.2010

Ostrzeżenie: (10%)
X----


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.
Go to the top of the page
+Quote Post
mmica
post 31.12.2010, 22:48:34
Post #4





Grupa: Zarejestrowani
Postów: 60
Pomógł: 20
Dołączył: 30.11.2010
Skąd: 127.0.0.1

Ostrzeżenie: (10%)
X----


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


--------------------
"Imagination is more important than knowledge, because knowledge is limited." ~Albert Einstein
<?php $var = array('foo', 'bar'); ?>
Go to the top of the page
+Quote Post
Kamil9132
post 31.12.2010, 23:31:07
Post #5





Grupa: Zarejestrowani
Postów: 210
Pomógł: 0
Dołączył: 7.11.2010

Ostrzeżenie: (10%)
X----


Wielkie dzięki smile.gif

Myślałem że to co podajesz to tylko top 50%.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 12.05.2025 - 06:56