Centrovanie do stredu v HTML5, CSS3

dr.etker · Napísal **dr.etker**: 11.05.2010 15:41 | Centrovanie do stredu v HTML5, CSS3

Ahojte, prechadzam na CSS3 a HTML5 no nedari sa mi stranku vycentrovat do stredu..na localhoste mi to este funguje, ale ako nahle to dam na web tak mi to zarovna zlava.

Pouzil som css kod :

* {
margin: 0px auto;
padding: 0px auto;
}

a potom aj v Body som dal margin 0px auto; no stale mi to nejde, neveite ako by som to mohol urobit?

Ďuri · Napísal **Ďuri**: 11.05.2010 17:24 | Centrovanie do stredu v HTML5, CSS3

dr.etker píše:

Ahojte, prechadzam na CSS3 a HTML5

Irelevantna poznamka. Prehliadace nerozlisuju ani verzie HTML, ani CSS. Pouzivaj, co chces, ale daj pozor, aby to bolo podporovane vsetkymi sucasnymi prehliadacmi, inak sposobis problemy tvojim navstevnikom.
Tvoj kod s hviezdickou je zly, kde si ho nabral? Spravne sa centruje tak, ze sa pouzije jeden element, ktory obali vsetko (co moze byt aj <body> alebo nejaky <div>) a tomu sa nastavi automaticky pravy a lavy margin. Daj pozor, aby tento element mal nastavenu nejaku sirku (nie 100%), aby sa vycentrovanie malo ako prejavit.

Kód:

body {
   margin: 0 auto;
   width: 980px;
}

Este je ina moznost, ako centrovat - pravy a lavy margin nebudu mat hodnotu auto, ale nejaku urcitu, napr. 100px, v takom pripade bude na vsetkych rozliseniach rovnaky pravy a lavy okraj. V prvom pripade bude vsade rovnaka sirka obsahu.

shaggy · Napísal **shaggy**: 11.05.2010 18:25 | Centrovanie do stredu v HTML5, CSS3

Prechádzaš na HTML5 a CSS3, ale zrejme máš problémy so základmi.

Citácia:

padding: 0px auto;

Čo robí toto?

Citácia:

Body som dal margin 0px auto;

A na čo slúži toto?

Radšej si zisti niečo o tom, ako funguje centrovanie, margin atď. Dávať margin: 0 auto na body je nezmysel (keďže predpokladám, že má 100% šírku), rovnako aj ten zápis s paddingom.

dr.etker

* {
margin: 0px auto;
padding: 0px auto;
}

Mne toto stale fungovalo....a problem mi robila IC reklamna lysta...dal som na iny server a ide mi to ..

Ďuri · Napísal **Ďuri**: 13.05.2010 11:29 | Centrovanie do stredu v HTML5, CSS3

To, ze ti to funguje, este neznamena, ze je to spravne. Pouzivat padding je uplne nezmyselne, pozri si, na co sluzi, a co sa tyka marginu, predsa ho nemozes dat na vsetky prvky. Rozhodis si defaultny margin napriklad pri formularovych prvkoch, blockquote, ul a dalsich. IC lista (s makkym i) byva problem, ale riesenie je jednoduche - nepouzivat na vycentrovanie priamo <body>, ale nejaky obalovaci <div>.

Centrovanie do stredu v HTML5, CSS3

Centrovanie do stredu v HTML5, CSS3

Podobné témy

banner do stredu

obrazky do stredu

CSS3

CSS3

Hyperlink do středu stránky

Prehrávač dať do stredu

CSS3 - transition

Submenu css3

Centrovanie stránky

Centrovanie stranky

pure css3 menu

centrovanie na stred

CSS3 Anmácia - hover

CSS3 font-smooth

Centrovanie celej stránky

CSS3 dropdown menu