Autor Zpráva
kelvin
Profil
Pár dní se snažím o následující řešení:
Šířka obsahu stránky 1000px.
Libovolně široký obrázek na pozadí hlavičky, to co bude nad 1000px šířky se při menším okně ořízne.
Libovolně široký obrázek na pozadí patičky, to co bude nad 1000px šířky se při menším okně ořízne.
Patička vždy přilepená na spodek okna (samozřejmě ne, pokud je text delší než okno, ale potom aby stejně byla na spodku).

Něco takového jsem použil na www.doom5.cz . Je to soustava divů, nemá smysl to popisovat, protože to sice funguje, ale problém je v prohlížečích. Pokud dám hlavnímu obalovému divu šířku 100%, tak to počítá ze šířky okna, přičemž někdy je to sudé, někdy je to liché, a pozadí řešené pruhem obrázku skáče a v každém prohlížeči vypadá jinak...

Pokud mám tedy

#background {width: 100%; min-height: 100%; background: url ( černý obrázek široký 1000px}
#main { width: 1000px; background: url (jiný černý obrázek široký 1000px}

<body>
<div id="background">
<div id="main">
</div>
</div>
</body>

Tak výsledný tvar na stránce bude mít šířku 1001px, někdy 1000px, podle okna a nálady prohlížeče...
Pokud má #background danou nějakou šířku, třeba 1200px; tak je to ok, ale samozřejmě není cílem mít na stránce 1200px široké objekty...

Vím, že je to dost komplexní záležitost, stačilo by mi nějaké nasměrování. Díky

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