Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [js] problem z pozycjonowaniem
yendruh
post 8.04.2011, 15:20:39
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 8.04.2011

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


Witam,
mam problem, z ktorym nie daje sobie rady.. mianowicie chcialbym ustawic pewien napis dokladnie na srodku strony. no i tutaj sa schody... nie moge ustawic body na 100% wysokosci przegladarki, nie wiem czemu, nie udalo mi sie to wink.gif dlatego tez jezeli probowalem ustawic zgodnie z podpowiedziami z internetu divy na srodku, to wszystko jest troche wyzej, bo body ustawia mi sie mniej wiecej na 2/3 wysokosci okna przegladarki.
Skoro nie umiem ustawic body na srodku, postanowilem wiec ustawic napis za pomoca JS, niestety mimo ze skrypt jest wykonywany, nie potrafie nim zmienic ani rozmiaru body na rozmiar calego okna (skrypt do wyliczenia wysokosci znalazlem w necie i dziala prawidlowo), ani ustawic pozycji tekstu w pixelach, chociaz w innych miejscach uzycie tego samego kodu udawalo mi sie. nie mam juz pomyslu, wiec postanowilem Was drodzy forumowicze poprosic o pomoc, jako ze wiele rozwiazan potrzebnych znalazlem tez na tym forum smile.gif

link do strony - http://www.superheroestudio.pl/inprogress/ mowa tu o napisie ktory pojawia sie na poczatku -> superheroes
Go to the top of the page
+Quote Post
5skakanek
post 9.04.2011, 01:27:48
Post #2





Grupa: Zarejestrowani
Postów: 11
Pomógł: 1
Dołączył: 5.04.2011

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


  1. .intro{
  2. line-height: 1em; /*ustawiasz wysokość interlinii na wysokość kroju*/
  3. }
  4. .zewn{
  5. position:absolute; /*pozycja absolutna*/
  6. top:50%; /*GÓRNA KRAWĘDŹ ELEMENTU (a nie środkowa oś tekstu jak oczekiwałeś) w połowie wysokości okna*/
  7. margin-top:-75px;/*"cofnij" o połowę wysokości Twojego kroju w górę (użyłeś tam 150px)*/
  8. }


Warto, żebyś przeczytał ten ciekawy tekst o vertical-align.

Poza tym zapoznaj się z tym (można się sporo dowiedzieć): Najczęściej zadawane pytania w 3pkt tego posta jest alternatywna odpowiedź.

Ten post edytował 5skakanek 9.04.2011, 01:41:54
Go to the top of the page
+Quote Post
yendruh
post 11.04.2011, 00:37:01
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 8.04.2011

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


dzięki za naprowadzenie wink.gif nie wiem gdzie wcześniej popełniałem błąd, bo wydaje mi się, że już podobnej kombinacji próbowałem smile.gif
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: 14.08.2025 - 13:16