Comments on: center page

By: gondo

gondo — Wed, 08 Jun 2011 23:33:25 +0000

@František Preissler: tak trochu neskora reakcia, ale predsa :) samozrejme konkretna implementacia sa bude lisit. nema zmysel nasilu montovat nejake riesenie do existujuceho webu. ale pokial budes chcet docielt to, co tento clanok riesi, teda centrovat obsah pomocov CSS (teda nie cez JS), tak budu iste zmeny nevyhnutne. to, ze pouzivas nejaky ajax alebo konkretne ID je uplne irelevantne.

By: gondo

gondo — Wed, 08 Jun 2011 23:31:10 +0000

@hd…: ale clanok je o centrovani obsahu, nie obrazku na pozadi. to su 2 uplne rozdielne veci.

By: hd-video.sk

hd-video.sk — Thu, 02 Jun 2011 14:28:39 +0000

Ja pouzivam nieco taketo ked chcem zarovanat napriklad obrazok, ktory sluzi ako pozadie stranky

html {
background: url(../images/bg_web.jpg) no-repeat center center fixed;
}

By: gondo

gondo — Thu, 30 Oct 2008 09:32:48 +0000

heh ale stale je to trosku offtopic pretoze uvedeny priklad centruje obsah aj vertikalne.
to co som uviedol je samozrejme len velmi jednoduchy prikilad horizontalneho centrovania, kontroval som tvoj priklad :p
samozrejme zalezi od konkretnej potreby, aj ja dost casto vyuzivam dalsi element pod body v ktorom je obsah pretoze niektore veci jednoducho nejdu inak nastylovat.

inak aj body moze mat id a ajax moze rovnako naplnat element body ako ktory kolvek iny element s id :)

By: František Preissler

František Preissler — Sun, 26 Oct 2008 02:53:28 +0000

gondo: Ahojda ;-) Ovšem nejsem si jist s centrováním u body elementu.
Co když někdo (jako já) používá i Ajax, resp. dynamické načítání obsahu do elementů podle jejich id? ;-) V mém případě načítám třebas obsah do

…obsah…

A v mém případě tento div je v body jako takový hlavní obsah webu. Mrknout můžeš do zdrojového kódu mého webu frantisek-preissler.cz, tam uvidíš jak stavím ten ,,hlavni” div, i když na mém webu nepoužívám Ajax, ale pointu to nemění.
Každopádně zase tím, že tu uvedeme několik příkladů, tak to může někomu pomoc a vyřešit jeho situaci, protože každý řešení je pro každého jinak použitelné ;-) Jinak chválím tématiku tvého webíku a ,,světa” ;-)

By: gondo

gondo — Fri, 24 Oct 2008 18:52:57 +0000

heh tak na horizontalne centrovanie staci

body { width: 100px; margin: auto; }

;)

ide hlavne o vertikalne centrovanie a o to aby to fungovalo pre vsetky (alebo co najviac bw)

By: František Preissler

František Preissler — Fri, 17 Oct 2008 03:53:34 +0000

Ahoj,
již roky používám daleko snazší řešení, ale jen pro centrování stránky horizontálně :-)

CSS styl:
#stranka {
position:absolute;
width:800px;
height:auto;
padding:0px;
margin:0px 0px 0px -400px;
left:50%;
}

HTML:

… další obsah webu