Zkoukněte mi please www.studio-katka.cz . Jak vycentrovat?

Ahoj,
v rychlosti jsem v ruce vyrobil web www.studio-katka.cz . Chtěl bych poprosit o celkovou lustraci, ale hlavně o radu jaká je nejlepší cesta k vycentrování,
Jak vidno použil jsem externí CSS a absolutní pozicování, protože to je pro mne nejjednodušší cesta k layoutu dle představy. Logicky toto nejde vycentrovat na obrazovce, což je chyba.
Zkoušel jsem i zdejší fígl s ID #centruj {width: 650px;margin-left: auto;margin-right: auto;} a relativním pozicováním, ale při rozložení více objektů mi přišlo pozicování šíleně pracné. Zkusil jsem tedy místo pozicování tabulku, ale tam jsem se dostal do podobné situace, kdy se pracnost markantně zhoršila.
Moje otázka tedy zní, lze nějak zajistit pozicování vůči "bodu nula" sloupce vytvořeného pomocí ID #centruj {width: 650px;margin-left: auto;margin-right: auto;} nebo nějak jinak pozicovat všechny objekty vůči JEDNOMU? Pokud je toto nesmysl, jak by jste řešili vycentrování?

Díky moc, už mi z toho houká (o:

Venca V. díky za tip
ad 1./ bylo to nejrychlejší a relativně efektivní řešení (o; Je to skutečně tak kompromitující způsob? Kvůli velikosti nebo proč? Počítám-li správně, vejdu se do 125kB komplet. Nebo mi vytýkáš spíš to, že ten text je obsahem obrázku? Vážně se ptám, obecně bych taky asi řekl, že je to čuněc, ale...
ad 2./ text-align: center nastaven mám v CSS souboru. Jen zrekapituluju, jestli jsem Tě pochopil správně, cílem je nastavit pro vnitřek toho ID #centruj zarovnání vlevo a příznak position relative a pak se mi vše "zanořené" v tomto DIVu bude pozicovat od leveho horniho rohu toho divu. Jestli je to taklhl ejednoduché, tak to si asi utrhnu hlavu, že se tu tak dlouho laboroval a nepodařil se mi (o: díky

Venca V. tak jsem si přečetl link od Tebe a skutečně to vypadá jako legantní řešení mého problému. Jen jedno mi není zcela jasné, jaký je důvod toho zarovnání vlevo pro ten DIV vycentrovaneho bloku? V tom příkladu http://www.jakpsatweb.cz/css/priklady/position-zanorena.html se to zdá být nepotřebné. Rozhodně to ráno vyzkouším
Díky

Tak už jsem našel chybu, zřejmě to nefunguje při použití #centruj a div id=centruj, ale jen s .centruj a div class="centruj". Ač v příkladu v jednom z ukázkovejch příkladů jsem to s ID viděl. Takže super, ještě to dočešu a centrování bude ready. Díky.

Nějaký další hrubky?

S obrázkem máš recht, klíčové informace jsou proto napsány ještě pod obrázkem pro případ zobrazení bez obrázku.
A zarovnání na střed je konkretne pro tuto stranku zadouci, pro podstranky jiz budu konvecnejsi, vcetne zarovnani doleva.

EDIT: Tak jsem promítl změny do ostrý verze, ještě jednou děkuju moc za navedení, to vycentrování mne trápilo už delší dobu (o;
S obrázkem provedu úpravu, že vymažu obrázko-text z něj a napozicuju tam text regulérní, je to správná metoda?

KamilV ((((o: celé znovu a lépe, ano, ale jsou tam teď chyby v kódu nebo je to ok? Asi Ti došlo, že obrázek už existoval a na stránku se jen narouboval, aby to bylo rychle hotovo. Určitě sem nerobil obrázek, abych ho pak řezal a dával na stránku. Cílem bylo tam fofrem něco dát a následně vyrobit něco kvalitnějšího. Zastávám názor, že je lepší když to vypadá takhle (pokud ta nejsou chyby), než aby tam byl jen suše nabušenej jen ten text. Jsem amatér a tak upečení něčeho obstojnýho mi potrvá dýl, takže tohle je provizorní řešení. Nicméně než se vrhnu do předělávání, chtěl jsem ověřit, jestli nedělám v kódu nějaký základní chyby, které bych pak musel pracně odstraňovat ze všech výplodů.
Rozhodně díky za oprávněnou kritiku, pokusím se být nápaditějším.
Ano text z obrázku rozhodně zmizí a bude implantován tak jak má být.
Všechny "gatě" přesunu po dovyrobení stránek, které nyní "gatě" suplují do sólo sekce Gatě ke stažení (o;

Díky, jdu na to. ...resp vlítljsem na to a teď je to snad už v pořádku, alespoň dle validátoru.

Super, provedu (o;

Hotovo, ještě mne trošku trápí font a jeho "tok" u těch odkazů/obrázků. Vlevo je to ok, tam je to zarovnany doleva k obrazkum, ale vpravo to je jen napasovany, ale kdyz si nekdo zvetsi pismo v prohlizei, ujede mi text do toho obrazku, nejde nějak ukotvit ten text koncem na misto, aby se zvetsoval doleva a ne do prava?

Tvoje rychlovka vypadá o moc líp než moje asi tak 50x dýl trvající rychlovka (o;
Sákryš, teď sem tu rozpolcenej, kterou variantu zvolit
ověřenou, přehlednou a pěknou založenou na tý od Tebe
psychedelickou, kompaktní a ne zcela konvenční mojí
... a nebo to nějak sklíčit (o:

StínovejVlkoush, taky dobrej způsob, hned to musím vyzkoušet (o;

Vence V co je to za font co jsi použil v tom "logu"/nadpisu? Můžu ten obrázek případně použít?

Jo, myslel sem si to, že je to von... díky

Mel bych jeste prosbicku, trosku OT, nemohl by nekdo prevest ty loga značek kosmetiky z CDR do pruhlednejch PNG treba? Nemam Corel )O;

Dalsi vec, v IE se mi ukazuje nad mapkou bublina, ze po kliknuti se ukaze vetsi mapka, ale ve FF jaksi ne, jak domluvit tomu aby to ve FF ukázalo, že lze na to kliknout? A tayk jsem si všiml, že s emi ta mapa větší nepreloadne, ale to snad někde vykoumám sám.

Díkes.

Super, packa je už tam, preload asap, dík za radu navedení.

Tak snad jsem zvládl správně i ten preload.
Přidal jsem náznak patičky, zatím se nefunkčními linky... ... ale myslím, že tudy cesta vede, přijde mi to lepší. Souhlasíte?
Teď už jen předělat ten vršek (o:
Mám v plánu dát loga značek až do patičky nad ty linky.
Samozřejmě platí, že texty mizí z obrázků, ale budou texty opravdovými.
Do středního prostoru vymyslím nějaké meníčko.
Asi se zbavím zelenosti přechodu a zůstanu jen u nějaké neagresivní žluté.

Neporadil by prosim nekdo v cem delam chybu v paticce? Nedari se mi vycentrovat text v ramci paticky, v IE mi to sedí dole a ve Firefoxu nahoře )o: . Zvolil jsem nějakou nevhodnou metodu? O tom, že neumím dát do jednoho řádku text na střed a ještě do pravého rohu (c)2007 aniž bych to pozicoval absolutně pokus omyl ani nemluvě )o:

Patička je vyřešena, pomohl padding, díky Vencovi V. za natrknutí (o;

Ještě jsem vyplodil nějaké dvě variace, nejspíš to dopadne v duchu té druhé. Barvy nejsou sladěny a odkazy nejsou ještě ve formě, řeším spíše lepší rozložení.
aktuální stav na "ostro" http://www.studio-katka.cz/
variace s logem od Venca V. http://www.studio-katka.cz/index2.html
lehce přeskládaná původní varianta http://www.studio-katka.cz/index3.html

BTW ta patička mne furt v IE zlobí a necentruje vertikálně )o:

Díky za názory...