Zarovnani webu na střed – CSS – Fórum – Programujte.com

TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Trvalé přihlášení

Zapomněl jsi heslo?

Zarovnani webu na střed – CSS – Fórum – Programujte.com

Rozšířené hledání ›

Nejnovější témata ve fóru

22:06, Startupy Megastroj.cz – Vše na jednom místě: půjčovna, bazar a inze…

21:17, Inzerce FPGA vývojová deska XILINX VIRTEX 5 ML507

20:59, OS - GNU / Linux Ubuntu a OpenSuse

21:47, Offtopic Digitalizace v Česku

10:10, Cinema 4D Export USDC do DaVinci Resolve

16:58, Photoshop Jak odstranit (potlačit) odlesky

Stavba Laser Arény
Laser Game Brno

Zarovnani webu na střed

da11niel 0

Návštěvník

12. 5. 2007 #1

Dobry den, chtěl bych si zarovnat cely web nastřed jak to mam udělat? [podtrzene]pomoci css[/podtrzene]

Nahlásit jako SPAM

IP: ...–

Martin Šimko

~ Redaktor

Grafoman

12. 5. 2007 #2

body {

 text-align: center;

}

ještě si nastavíš třeba šířku, barvu pozadí, písmo,......

Nahlásit jako SPAM

IP: ...–

Programujte.com redaktor
Sleduj mě na @MartinSimko

Zdeněk Haták0

Věrný člen

12. 5. 2007 #3

to nestačí, musíš ještě přidat

body {margin:0px auto;

                  text-align:center;

                  }

Nahlásit jako SPAM

IP: ...–

(x)HTML & CSS kodér webových stránek → http://manq.name

DeaLer+2

Hero

Kultivátor příspěvků ve starém fóru – 2.01 % z celku

12. 5. 2007 #4

To Mautinek: to je trochu blbost ... tím zarovná akorát tak text

Musíš si nastylovat element body a středovej div, ve kterým bude veškerej obsah. Styl bude vypadat asi takhle.



body

{

	margin: 0px auto;

}



#wrap 

{

	width: 768px;

	margin: 0px auto;

}

A html bude vypadat přibližně takhle.



<body>

<div id="wrap">Sem dáš obsah, kterej bude uprostřed.</div>

</body>

PS: to zarovnání textu na střed je nesmysl

Nahlásit jako SPAM

IP: ...–

Dušan Janošík | web: djanosik.cz, @djanosik

Martin Šimko

~ Redaktor

Grafoman

12. 5. 2007 #5

To DeaLer: není to blbost...

muj kod trochu doplnim:

body {

 margin-top: 0px;

 margin-right: 0px;

 margin-left: 0px;

 text-align: center;

}



#zarovnani {

	width: 698px;

	margin: 0 auto;

	text-align: left;

 	min-height: 780px;

	height: 100%;

	position: relative;

	}

je to skopirovane z funkčních stránek zarovnaných na střed, které jsem dělal... tex-align: center; v body ti zarovná vše na střed, pak už si jen hodíš do divu co potřebuješ, kde definujes sirku, vysku, barvu textu.....

pak bude



...

<body>

<div id="zarovnani">cely obsah webu</div>

</body>

...

Nahlásit jako SPAM

IP: ...–

Programujte.com redaktor
Sleduj mě na @MartinSimko

Zdeněk Haták0

Věrný člen

12. 5. 2007 #6

samotné text-align:center; zadané rodičovskému prvku - např. body zarovná vše na střed jenom v IE
pro ostatní prohlížeče je nutné margin:0px auto;

Nahlásit jako SPAM

IP: ...–

(x)HTML & CSS kodér webových stránek → http://manq.name

DeaLer+2

Hero

12. 5. 2007 #7

To Mautinek: je to blbost ... text-align: center odstraň a bude to fungovat stejně

Nahlásit jako SPAM

IP: ...–

Dušan Janošík | web: djanosik.cz, @djanosik

da11niel 0

Návštěvník

12. 5. 2007 #8

děkuju vam všem jde mi to od toho mautinka a dealera takže ještě jednou děkuji!

Nahlásit jako SPAM

IP: ...–

Martin Šimko

~ Redaktor

Grafoman

13. 5. 2007 #9

To DeaLer: není to blost podruhé :)) text-align center v IE zarovnáná celý blok na střed (zřejmě bug) a margin: auto; IE5 neumí vůbec, když si tedy někdo otevře stránku v IE5 (i takový se najdou co ho ještě používají) a nemáš tam text-align: center; tak je to rozhozené... viz např http://www.sovavsiti.cz/samples/samp02031b.html

Nahlásit jako SPAM

IP: ...–

Programujte.com redaktor
Sleduj mě na @MartinSimko

Jan Škrášek

~ Redaktor