Zanima me da li postoji neki html code ili nesto slicno kako bi ucinilo da cijeli sadrzaj jedne web stranice bude centriran (u svakom browseru, tipu ekrana i sl)?
Uzmimo za primjer http://www.index.hr/, kao sto vidite, centriran je cijeli sadrzaj
Radim blog na blog.hr, ne znam bas da li je to izvodljivo raditi na jednom blogu, mislim da nece biti problem, ako je moguce, molim help :)
Ubaci ovo u stranicu i vidjet ćeš rezultat:
<html>
<head>
<style>
*, html, body {
margin:0;
padding:0;
}
body {
width:100%;
text-align:center;
}
#wrapper {
margin:0 auto;
width:600px;
}
</style>
</head>
<body>
<div id="wrapper">Test</div>
</body>
</html>
Pa skoro su sve stranice na internetu centrirane.
<div align="center">
sadržaj stranice
</div>
Eno coder me prestigao 
margin:auto
to će centrirati stranicu
šta ga fušarite s ovim align centrovima :D
div je po defaultu display block (za neke druge elemente moraš stavit display:block ako želiš isto ponašanje)
i nakon toga mu je potrebno dati neku širinu (mora biti manji od širine ekrana da bi mogao biti u sredini), te postaviti lijevi i desni margin na auto
bilo da se radi o margin-left: auto; margin-right: auto;
ili margin: 0 auto;
(ja preferiram ovaj drugi način)
i naravno width: 960px;
Hvala svima na odgovorima :)
Pokusao sam to sve uraditi ali nije pomoglo, mislim da bi vi to najbolje znali ubaciti te codove, ako mozete napisati sto da promjenim u svom html-u
Blog je http://madonna.blog.hr, i vidite da ide u stranu
Pokusao sam pod "div" da left povecam za nekoliko brojeva kako bi bio centriran ali ne odgovara ni to
Zbog nekog razloga nisam mogao staviti html ovdje u ovaj post, evo link http://www.mediafire.com/?r2zdmmyqjtg
Hvala svima na odgovorima :)
Pokusao sam to sve uraditi ali nije pomoglo, mislim da bi vi to najbolje znali ubaciti te codove, ako mozete napisati sto da promjenim u svom html-u
Blog je http://madonna.blog.hr, i vidite da ide u stranu
Pokusao sam pod "div" da left povecam za nekoliko brojeva kako bi bio centriran ali ne odgovara ni to
Zbog nekog razloga nisam mogao staviti html ovdje u ovaj post, evo link http://www.mediafire.com/?r2zdmmyqjtg
milslim da bi trebao header itd...te div tagove stavljaš u wrapper koji ti je napisao @coder ...dakle
<div id="wrapper">
<div id="header></div>
</div>
floatas li ti divove
<body style="text-align:center; min-width:800px;">
<div id="drzac_svega_u_sredini" style="text-align:left; margin:0 auto; width:800px;">
<div id="drzac_za_float_left" style="float:left; width:800px;"></div>
</div>
<body>
Probao sam to uraditi, sto je napisao tnakir i sk84life, ali nista se ne desava, kao da ne odobrava taj wrap...
Nisam zatvorio body... zadnji tag treba biti </body>
to ti MORA radit :)
