Zarovnání menu - CSS (a HTML)
Takže mám další problém s HTML a CSS, snad se v tom někdo vyzná lépe než já. Na stránce mám JavaScriptové menu, které obsahuje slider a nad ním jednoduché odkazy. Problém nastává, když chci tyto odkazy vycentrovat doprostřed stránky, jediné funkční řešení by bylo, kdybych měnil velikost pixel po pixelu, já chci aby menu zabíralo 50% šířky.
Ukázka: test.htm
V ul#menu vyhoď position: absolute a pridaj display: inline-block (prípadne si uprav aj tú bezrozmernú 9 v definícii paddingu). V div.menu pridaj text-align: center.
Jo, a jako že jsem pořádná lama, nemůžeš se kouknout, proč footer zabírá víc než 100% displaye? dole je potom scrollbar a zarovnání je nepřesné.
Pretože máš na body margin: 8px, čo spolu so šírkou 100 % presahuje celkovú šírku.
Edit: Okrem odstránenia marginu na body to môžeš riešiť aj inak - záporným marginom na footer (margin: 0 -8px).
Aha, to jsem zkoušel, ale dopadlo to poněkud jinak, asi jsem to napsal špatně. Ten margin na body nikde nevidím, zkusím se podívat pořádně.
Aha, tých 8px je default v mojom prehliadači, t.j. keďže si nedefinoval žiaden margin, tak sa použil default a ten spolu so 100 % prekročil celkovú šírku stránky.
Už tam mám 0px, myslel jsem že to tam mám někde sám, protože to menu pořád ujíždí doprava. Jdu to nahrát na hosting, ať to můžete vidět.
V tom ul#menu nemáš definovaný padding, tak sa použije predvolený, viď obrázok (tá svetlozelená časť je padding):
Daj tam napr. padding: 0 a uvidíš.
Už je vše OK, vůbec jsem netušil že tam nějaký předvolený je, díky za trpělivost. CSS jsem v praxi nikdy nepoužíval, proto tolik zmatku, zkusím se trochu přiučit.
position: absolute a chce to mit jinde