Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][CSS][HTML]Jak wyśrodkować diva o width:1280 na ekranie 1024x768?
ats2008
post 29.11.2010, 14:06:48
Post #1





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 11.06.2009
Skąd: Lublin

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


Witajcie.

Mam problem z takim kodem i projektem:

  1. <body style="margin:0; padding:0; text-align:center; bacground-color:#000;">
  2. <div id="container" style="width:1280px; bacground-color:#ccc; margin:0 auto;">
  3. <div id="treść" style="width:990px; margin:0 auto; bacground-color:#fff;">treść strony - jak ją wyśrodkować w rozdzielczości 1024x768?</div>
  4. </div>


Problem jest w tym, że jest podwójne tło, dla body (czarne) i dla div#container (siwe) i div#treść z białym.

Jak zrobić, żeby przeglądarkę wyśrodkować na div#treść przy rozdzielczości 1024x768?
Gdyby to był tylko jeden div - nie ma problemu, ale jak wycentrować na diva#treść, który jest wewnątrz div#container?

walczę i nic nie znalazłem...

Z góry dzięki za podpowiedź.

Ten post edytował ats2008 29.11.2010, 14:44:10
Go to the top of the page
+Quote Post
Damonsson
post 29.11.2010, 14:33:00
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


Co chcesz osiągnąć? Bo jakoś nielogicznie to robisz, chyba, że chcesz coś dziwnego osiągnąć.

Przecież jest wyśrodkowane ładnie, tylko robi się x-scroll. No ale to logiczne skoro masz diva o width: 1280px.
Możesz skasować width: 1280px. I wtedy będzie Ci się rozszerzać przy zwiększaniu rozdzielczości. A przy 1024 też będzie widoczne trochę.

Ten post edytował Damonsson 29.11.2010, 14:34:23
Go to the top of the page
+Quote Post
ats2008
post 29.11.2010, 14:43:45
Post #3





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 11.06.2009
Skąd: Lublin

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


chcę, żeby przy rozdzielczości 1024 przeglądarka centrowała się na div treść.

Teraz wyświetla lewą stronę z więc 1024 z 1280 obcinając treść z prawej o jakie 150 px. Trzeba ręcznie centrować xscroll co jest nie do przyjęcia.

Innymi słowy, jak wycentrować xscrolla? Obawiam się, że to w java script trzeba zrobić...

Zna ktoś może jakieś rozwiązanie?

Dzięki
Go to the top of the page
+Quote Post
Pawel_W
post 29.11.2010, 14:46:13
Post #4





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


jedynie scrollTo smile.gif

możesz pobawić się ustawiając ujemny margines, ale wtedy lewa strona będzie niedostępna
Go to the top of the page
+Quote Post
Damonsson
post 29.11.2010, 14:56:05
Post #5





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


Aaa czyli x-scroll ma być.
No to ogarnij ten link i dasz sobie radę:
http://demos.flesler.com/jquery/scrollTo/

Tylko sobie podmieniasz, żeby działało nie na kliknięcie tylko na on load. I ustawiasz na 50% pewnie szerokości.
Go to the top of the page
+Quote Post
ats2008
post 29.11.2010, 15:41:31
Post #6





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 11.06.2009
Skąd: Lublin

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


Dzięki Damonsson, o coś takiego mi chodziło.

Przestudiuję i powinno pójść.

Jak skończę wrzucę rozwiązanie.
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: 13.07.2025 - 22:27