 Centrowanie strony HTML5 |
  |
| Centrowanie strony HTML5 |
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ę 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 |
 |
 
|
|
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.
|
|
|
|
|
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
|
|
|
|
|
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? (IMG:style_emoticons/default/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ć.
|
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 27 Pomógł: 0 Dołączył: 26.09.2009 Skąd: Łódź Ostrzeżenie: (0%)
|
|
|
|
|
|
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 (IMG:style_emoticons/default/wink.gif)
|
|
|
|
|
|
Aktualny czas: 2.10.2025 - 17:15 |
