Zarovnani webu na střed – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

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

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
da11niel0
Návštěvník
12. 5. 2007   #1
-
0
-

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: ...–
Reklama
Reklama
Martin Šimko
~ Redaktor
0
Grafoman
12. 5. 2007   #2
-
0
-

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
-
0
-

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
12. 5. 2007   #4
-
0
-

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
0
Grafoman
12. 5. 2007   #5
-
0
-

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
-
0
-

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
-
0
-

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
da11niel0
Návštěvník
12. 5. 2007   #8
-
0
-

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
0
Grafoman
13. 5. 2007   #9
-
0
-

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
+1
Boss
15. 5. 2007   #10
-
0
-

To DeaLer: tady někdo nezná IE. :-D v IE musí být to zarovnání :-) na střed.. !!!

EDIT: koukám že příspěvěk přede mnou to Mautinek vysvětlil :-D

Nahlásit jako SPAM
IP: ...–
http://jan.skrasek.com@hrachcz – webdeveloper
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 8 hostů

Podobná vlákna

Zarovnání na střed — založil UrbiCZ

Centr na střed — založil ppavelP

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý