Předělávám layout. Už jsem se nějak popral s problematickým zobrazením stránky v Mozille (v IE to bylo hned OK). Nyní mi zbyl snad poslední problém, se kterým si nevím rady - nezobrazení pozadí v prostřední části hlavního bloku. Lepší než obrázky bude asi lepší odkaz na rozestavěný web - [http://www.1zsostrov.cz/index.php]

Martin Fous [http://www.zsjvm.cz]

co má být na pozadí? Asi jsem to nějak nepochopil...

-- JaV ---- [http://www.hades.cz] ---- security by obscurity ---------------------------------------------
motto:
It's OK to be ignorant; it's not OK to play stupid.
But it's simply not efficient for us to try to help people who are not willing to help themselves.
----------------------------------------------------------------------------------------------------------------------

Pokud web prohlédneš v IE a Mozille, je to zřejmé - pod sloupci to má být modré až k záhlaví.

Martin Fous [http://www.zsjvm.cz]

už to vidím. Ono to trochu "lítá" i v SeeMonkey. Ale to pozadí co tam leze dodává IE (tedy u mne MyIE...).

keywords: Matrjoška hack; filter: alpha;

ale jak bude ten filtr fungovat s IE jsem osobně nikdy nezkoušel

p.s.
v Gecko letí nahoru i patička stránky

ještě jeden odkaz: [http://interval.cz/clanky/staticke-filtry-v-css-prehled-1/]

-- JaV ---- [http://www.hades.cz] ---- security by obscurity ---------------------------------------------
motto:
It's OK to be ignorant; it's not OK to play stupid.
But it's simply not efficient for us to try to help people who are not willing to help themselves.
----------------------------------------------------------------------------------------------------------------------



Celkem upraveno 1×. Poslední úprava JanVar v 10.07.2007 10:01.

Možná tohle?

pixylophone - archiv


T. O. Severka Děčín | New r.č. | Old Good Tom | Jinak už v tom nefrčím... :-)

Jsem z toho CSS layout tak hotovej, že vážně uvažuji o jeho předělání do tabulek. Ty vypadají ve většině prohlížečů stejně a je to přehlednější.
Když jsem layout udělal a nastavil pro IE, byl jsem po spuštění v Mozille zase na začátku. Vše, co změním, musím v obou prohlížečích kontrolovat. V jiných to ani nekontroluji.
O posunutí patičky vím a taky netuším důvod.

Martin Fous [http://www.zsjvm.cz]

Neviem ako je robené to pozadie bloku, ale jedná sa najskôr o známu chybu v IE. IE totiž v určitých situáciách blok natiahne na výšku rodičovského bloku aj keď by nemal. Mozilla a FIrefox majú na ladenie CSS skvelý plugin, skús nainštalovať, možno pomôže.

Najprv by som ale skúsil opraviž syntaktické chyby, pretože napríklad tu sa stráca jeden div, kvôli chybným uvodzovkám...

<div style="position: relative; top: -183px; left: 240px; margin: auto; padding: 0px 0px 0px 0px; height: 46px; width: 180px;>
		  <div style="position: relative; top: 0px;left: 0px; font-size: 11px; padding: 0px 0px 0px 0px; height: 46px;">

a takých prípadov je tam niekoľko.

ešte pár užitočných odkazov:
[http://layouts.ironmyers.com/]
[http://www.pmob.co.uk/temp/3colfixedtest_4.htm]

Děkuji. Alespoň nyní vím, že v Mozille problém není, ale je v IE.
Matrjošku jsem nastudoval a snad i pochopil a předělám to.
Děkuji i za odkazy - hned mám kde hledat inspiraci.

Martin Fous [http://www.zsjvm.cz]

Zabudol som ešte na ten plugin pre testovanie, volá sa Firebug. [https://addons.mozilla.org/sk/firefox/addon/1843]

Zbežne som pozrel na CSS a vidím, že stĺpce sú floatované. Mohlo by teda ísť o problém, keď potomkovia zrušia výšku rodičovského bloku, tým že sú vyňaté z toku dokumentu pomocou position:relative; alebo float.
Ak je na tento rodičovský element aplikované pozadie, element má nulovú výšku => žiadne pozadie sa nezobrazí
Presne tento problém je popísaný tu [http://www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082] a pozri aj ten odkazovaný článok na intervale.

*Potom tam vidím ešte jednu zákernosť. Ľavý margin by mal byť podľa definície 5px ale v IE bude miesto 5px 10px.
*OPRAVA: margin: 0px 30px 5px 0px; samozrejme v tomto prípade nekoliduje, hodnota pre left je nulová a 2 * 0 = 0
Sorry za myslifikáciu, ale treba na to pamatať ;

.floatleft {
	float: left;
	margin: 0px 30px 5px 0px;
	/*border: 1px solid #666;*/
	padding: 0px;
	border-width: 0px;
}

viac info: [http://ie-brouci.dero.name/double-margin.html]





Celkem upraveno 1×. Poslední úprava pa3k v 12.07.2007 00:57.

Díky moc.

Ještě si nevím rady s nefunkčními odkazy v horní části webu, kde jsou upozornění, poslední komentář, atd.. V IE se jako ukazatel myši udělá normálně "ruka" jak má a jde tedy kliknout. V mozille je to jinak a nevím proč.

Martin Fous [http://www.zsjvm.cz]

Ta rada s pozadím v článku pomohla. Už jsem ji použil = web na adrese, kterou jsem uvedl v prvním příspěvku, vypadá korektně. Pokud by někdo tento problém řešil, mrkněte na [http://interval.cz/clanky/problemy-s-obrazkovym-pozadim-v-mozille/]

Díky Patriku

Martin Fous [http://www.zsjvm.cz]