Problém s relativním pozicováním

David1256:
dobře jsi zjistil, že absolutním pozicováním to nejde. Teď ti řeknu, že není dobrý nápad pozicovat ani relativně (ano, dá se, ale chce to jisté znalosti). Koukni se, jak funguje float a clear a začni znovu - potřetí a konečně správně.

Pozicování sice rozumím docela obstojně, ale ani v nejmenším netuším, co chceš říct větou „Chci přepozicovat web relativně“.

FUJ! – teď jsem kliknul na tvůj odkaz a vybafla na mě hnusná dechovka.
Individuím s ozvučenými stránkami neradím.

David1256:
„Tzn. jaké vlastnosti mám nastavit divům lista, header a menu, aby se správně napozicovali?“
na pozicování zpomeň, nebudeš ho vůbec používat. Čtyři klíčové vlastnosti jsou float, clear, margin a padding.

Na internetu se toulá spousta hotových řešení, jak správně postavit floatovaný layout, není třeba, abych to tu psal znovu (asi po milionté).

David1256:
To, že se mi dechovka nelíbí, je leda tvůj problém; já tím nijak netrpím. Jen nemám pro ty, kdo si takhle ozvučí stránky, slušné pojmenování.

David1256:
Poraď, jak ten zvuk vypnout, aniž bych tu stránku otevřel.
Pohledej si ve zdejší diskusi slovo "zvuk" a přečti si komentáře na to téma.

David1256:
Nevím, jestli něco „vyplívá“, ale vystavuješ se obecnému posměchu. :-D

Právě proto, že jde o tvorbu webu.
Vůbec nejde o dechovku, ale o ozvučený web.
Jakmile web vydává sám od sebe zvuky a nemá to přímo v popisu (televizní a rozhlasové online vysílání), zaslouží si bojkotovat.

David1256:
„myslím, že to byla narážka na dechovku“
Tak radši nemysli.

„tak nevím, proč bych to měl kvůli tobě mazat“
Ale já tě k ničemu nenutím. Jen jsem ti dal dobře míněnou radu. Nejsem sám, kdo ozvučené weby bojkotuje. Jsi to ty, kdo po někom něco chce. A pokud chceš od někoho poradit a obtěžuješ ho nevyžádanými zvuky (na to jsem opravdu háklivý), tak si jistě zbytek věty doplníš sám.

David1256:
Zkrátka střet dvou názorů.

Přesně tak. Ty máš jeden, Miloš a všichni ostatní mají ten druhý.

hmmm, tohle už nemá s pozicováním nic moc společného.

David1256:
Dělej si co chceš. Celou tu dobu jako kdyby hroch na stěnu házel se ti snažím vysvětlit, že ti nebudu radit, když je web ozvučený. Dělej si weby pro sebe, dělej si co chceš, třeba se stav na hlavu; mně je to úplně ukradené. :-D

Já se nehádám. David1256 je zábavný.

David1256:
„Poradíte teď?“
kdyby ses tu nehádal s ostatními, všechno potřebné bylo výše ([#6]) řečeno. Co na tom je tak nepochopitelného?

David1256:
„Někde pořád dělám chybu a nevím kde“
neděláš, protože jsi to nezkusil.

„To byste mi to tu někdo nemohl napsat?“
ne, nebuď líný a snaž se. Layoutů se všude válí stovky, tisíce a možná ještě víc.

David1256:
a já jsem asi věštec a vím, kde děláš chybu. Zkoušej to dál, pár hodin, ani pár dní není žádná doba, po které bys měl říkat, že něco nejde. Zkoušet = ne jednou nějak zkusit, ale hledat, hledat. Sem se obrátit v momentě, kdy počet pokusů bude dvouciferné číslo.

Na spoustu layoutů je navíc odkazováno i ze zdejší diskuse, zase jsi se na hledání vykašlal. Víc, než jsem napsal před hodinou a půl, psát k tomuto nebudu.

Můžeš aspoň namalovat, jak by měla stránka správně vypadat?
tohle se totiž tak rozpadá, že z toho nejsem vůbec chytrý.
A když to budeš malovat (stačí jednoduché schéma), kde (odkud kam) má být text?

Tak se na to koukni. Funguje v IE od 6 výš, ve FF, Opeře i Chrome.
Když vypneš styly, je to celkem přehledné HTML. Máš to i s klikacím logem.
Bez obrázků to sice není nic moc, ale doplnil jsem alespoň alty. Kdybych to nedělal zadarmo, zapracoval bych na náhradě textu obrázkem – viz http://wellstyled.com/css-replace-text-by-image.html – pak by s vypnutými obrázky byl k dispozici normální text.
Nemám rád javascript, proto jsem obrázky v menu upravil a měním jim jen barvu „textu“ pomocí background-color. Pokud bych použil výše zmíněnou náhradu textu obrázkem, pak bych mohl využít i ty tvoje mouse-over obrázky jako background-image v :hover stavu.
Konečně protože jde jen o jeden ukázkový soubor, nacpal jsem pro přehlednost CSS do <style>. Normálně bych ho ale (při více stránkách) dal do externího souboru.