Autor Zpráva
lamik123
Profil *
zdradim.... vždycky jsem měl web celej na levé straně(nevypadalo to zas tak zle než sem to viděl na widescreenu :)) a ted sem se rozhodl ho celej posunout do středu...
web vypadá asi takto
<div id="stranka">

<div id="leva">
</div>
<div id="stred">
</div>
<div id="prava">
</div>
</div>


styly -
#stranka   {width: 977px; margin: 0 auto;}

#leva {position:relative; top:5px; left:0px; text-align:justify; width:220px;}
#stred {position:relative; top:0px; left:5px; width:550px; padding-bottom: 50px}
#prava {position:relative; top:0px; left:5px; width:162px}



problem je v tom, že ten v tom základním divu ("stranka") se zobrazí jenom "leva" a ostatní se zobrazí pod sebou pod tím hlavním divem.... nevíte někdo čím by to mohlo být nebo jak to vycentrování funkčně udělat?
díky za rady
tiso
Profil
Použi miesto poziciovania float/clear a máš to...
lamik123
Profil *
A neznáte na to někdo nějakej návod?
tiso
Profil
Známe, kľučové slová pre google:
3 columns layout
holy grail
Bubák
Profil
Nevím, co jsi chtěl pozicováním vykouzlit, snad tohle:
<style>
body { text-align: center; }
#stranka { width:932px; margin:0 auto; position:relative; text-align: left; }
#leva { position:absolute; top:0; left:0; text-align:justify; width:220; }
#stred { position:absolute; top:0; left:220px; width:550px; padding-bottom:50; }
#prava { position:absolute; top:0; left:770px; width:162px; }
</style>

<div id="stranka">
<div id="leva">leva
</div>
<div id="stred">stred
</div>
<div id="prava">prava
</div>
</div>

Raději si najdi nějaký floatovaný layout:
http://css.interval.cz/layouty/
lamik123
Profil *
Tak jsem koukal na ty layouty ale nenašel jsem tam nic co by mi fungovalo... většinou jsou to samý s proměnou šířkou, já ji mám pevně nastavenou jenom potřebuju nějakej jednoduchej příklad kde by byl jeden hlavní div vycentrovanej na střed a v něm tři divy(každej s pevnou šířkou).
ja vim jsem lama ale helpněte pls .)
Manq
Profil
http://www.krteczek.czweb.org/jpw/3/
tajny spion
Profil
lamik123
http://blog.html.it/layoutgala/
Bubák
Profil
<style>
body {text-align: center; margin: 0}
#container { width:760px; margin: 0 auto; text-align: left;}
#main { float:left; width:540px; }
#content { float:right; width:400px; background:#aaa; }
#nav { float:left; width:140px; background:#bbb; }
#extra { float:right; width:220px; background:#ccc; }
#footer { clear:both; }
</style>

<div id="container">
<div id="header">Header</div>
<div id="main">
<div id="content">Content</div>
<div id="nav">Navigation</div>
</div>
<div id="extra">Extra column</div>
<div id="footer">Footer</div>
</div>

Podle:
www.chose.cz/weblog/index.php/moderni-design-s-css-workaround-versus-h acky/
http://tiso.wz.cz/articles/vycentrovanie-obsahu-stranky.php

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0