Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][CSS][HTML] Pelnoekranowy div
kkuubbaa88
post 5.10.2009, 20:44:43
Post #1





Grupa: Zarejestrowani
Postów: 510
Pomógł: 1
Dołączył: 27.08.2007

Ostrzeżenie: (0%)
-----


witam

w jaki sposob mozna zrobic za pomoca html,css,javy pelnoekranowego diva ? na caly wyswietlany obraz przez przegladarke mozna, ale czy da sie przeciagnac od rogu do rogu ekranu diva ? albo cos w tym guscie ?
Go to the top of the page
+Quote Post
230005
post 5.10.2009, 22:05:46
Post #2





Grupa: Zarejestrowani
Postów: 316
Pomógł: 36
Dołączył: 2.04.2008

Ostrzeżenie: (0%)
-----


Elementy blokowe, czyli divy też, mają to do siebie, że rozciągają się na całą dostępną szerokość. To masz więc z głowy. Co do wysokości, to spróbuj czegoś takiego:

  1.  
  2. body, html {
  3. height: 100%;
  4. }
  5.  
  6. #div {
  7. height: 100%;
  8. }
  9.  


I jak widać żaden js potrzebny nie był smile.gif. Nie wiem tylko jak będzie pod przeglądarkami innymi niż FX, bo nie chce mi się sprawdzać.

Ten post edytował 230005 5.10.2009, 22:06:55
Go to the top of the page
+Quote Post
Skie
post 5.10.2009, 22:11:29
Post #3





Grupa: Zarejestrowani
Postów: 555
Pomógł: 84
Dołączył: 20.02.2008
Skąd: Małopolska

Ostrzeżenie: (0%)
-----


Nie wiem, dlaczego, ale wątpie w podany wyżej sposób by działa uniwersalnie. Kiedyś miałem z takim ustawieniem właśnie problemy. Spróbuj może tak jak proponował kolega wyżej height: 100% oraz position: fixed; :-)


--------------------
Wieloprocesowość i wielowątkowość w PHP, poznaj Kraken PHP!
Serwer HTTP i WebSocket w PHP | Promise/A+
Strona Domowa | Elradia MMORPG
FireFox: make the web better.
Go to the top of the page
+Quote Post
230005
post 5.10.2009, 22:18:05
Post #4





Grupa: Zarejestrowani
Postów: 316
Pomógł: 36
Dołączył: 2.04.2008

Ostrzeżenie: (0%)
-----


Że mi kolega powyżej wjechał na ambicję, to sprawdziłem - działa pod Fx, Operą, Safari, Chrome, Ie 8 7 i 6 - czyli wszędzie smile.gif. I jeszcze przyszło mi do głowy, że powinieneś wyzerować marginesy, czyli w body, html dajesz jeszcze margin 0.

Ten post edytował 230005 5.10.2009, 22:23:13
Go to the top of the page
+Quote Post
kkuubbaa88
post 5.10.2009, 23:27:56
Post #5





Grupa: Zarejestrowani
Postów: 510
Pomógł: 1
Dołączył: 27.08.2007

Ostrzeżenie: (0%)
-----


jak wyswietlic na calosci przegladarki to ja wiem smile.gif pytanie dotyczy tego w jaki sposob mozna wyswietlic diva czy cos innego na calosci monitora, tzw tryb pelnoekranowy.
Go to the top of the page
+Quote Post
230005
post 6.10.2009, 08:48:41
Post #6





Grupa: Zarejestrowani
Postów: 316
Pomógł: 36
Dołączył: 2.04.2008

Ostrzeżenie: (0%)
-----


Przecież jak ktoś sobie kliknie tryb pełnoekranowy, to div się automatycznie dostosuje, bo będzie chciał zająć te 100%. Nie bardzo rozumiem w czym problem.
Go to the top of the page
+Quote Post
wookieb
post 6.10.2009, 08:50:09
Post #7





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Cytat(kkuubbaa88 @ 6.10.2009, 00:27:56 ) *
jak wyswietlic na calosci przegladarki to ja wiem smile.gif pytanie dotyczy tego w jaki sposob mozna wyswietlic diva czy cos innego na calosci monitora, tzw tryb pelnoekranowy.


Nie możesz tego zrobić z divem. Takie możliwości ma np flash (fullscreen mode)


--------------------
Go to the top of the page
+Quote Post
kkuubbaa88
post 6.10.2009, 10:07:17
Post #8





Grupa: Zarejestrowani
Postów: 510
Pomógł: 1
Dołączył: 27.08.2007

Ostrzeżenie: (0%)
-----


tylko flash ? nic poza tym ?
Go to the top of the page
+Quote Post
wookieb
post 6.10.2009, 10:29:12
Post #9





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Silverlight? Nie polecam. Wybierz flasha.

No i jeszcze jest przełączenie okna w tryb pełnoekranowy co jets cholernie cholernie wkurzające.

Ten post edytował wookieb 6.10.2009, 10:35:34


--------------------
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: 15.07.2025 - 02:16