Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Centrowanie strony HTML5
vermer
post 27.07.2012, 16:58:43
Post #1





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 26.09.2009
Skąd: Łódź

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


Witam,
zastanawiam się nad faktem centrowania strony w HTML5. W założeniu nie korzystamy tam z divów już do układania treści więc stare wyjścia z centrowany divem chyba odpadają w przedbiegach. i zastanawiam się jak to zrobić skoro strona ma strukturę
  1. <header></header>
  2. .
  3. .
  4. .
  5. <footer></footer>
  6. </body>
  7.  

Body ma tło jakiegoś gradientu header i footer mają miec tła rozciągnięte na 100%
A potrzebuje żeby treść tej strony była klasycznie wyśrodkowana i nie wiem zbytnio jak to zrobić tak żeby zachować tła o szerokości 100%
Czy normalnie tak jak kiedyś nadać im id powiedzmy i centrować każdy indywidualnie?

Ten post edytował vermer 27.07.2012, 18:02:58
Go to the top of the page
+Quote Post
thek
post 27.07.2012, 18:39:05
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




A po co id? To co jest centrum strony to na pewno jakiś blok section... Prawda? To czemu nie użyć CSS w stylu body > section {} a chyba rozumiesz jak to działa.


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
vermer
post 27.07.2012, 19:36:42
Post #3





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 26.09.2009
Skąd: Łódź

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


No tak wykorzystujemy drzewo, ale ja zakładałem iż w każdym z 3 elementów boksem który będzie się centrował będzie coś innego dla tego będziemy musieli powielać kod css
Go to the top of the page
+Quote Post
thek
post 27.07.2012, 20:48:38
Post #4





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




A tam powielać... Czy nie wystarczy "drzewa" tych elementów wymienić po przecinku? wink.gif Efekt przecież ten sam... No i nie zapomnijmy, że w pełni poprawny, semantyczny, html5 to więcej nowych tagów o określonym celu, więc prościej reguły css stosować.


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
vermer
post 27.07.2012, 21:34:32
Post #5





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 26.09.2009
Skąd: Łódź

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


No tak ale wszędzie gdzie podglądam źródła wszyscy stosują strukturę np np:
  1. <footer>
  2. <div class="centered">
  3.  
  4. </div>
  5. </footer>


  1. .centered{...}
Go to the top of the page
+Quote Post
thek
post 27.07.2012, 22:24:13
Post #6





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Bo pewnie używają layoutu o stałej szerokości, gdzie mają width, margin: 0 auto; a footer, header i sekcja środkowa mają jakieś tła czy gradienty, które się rozciągają na całą szerokość ekranu wink.gif


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
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: 30.04.2025 - 06:44