CSS - problém s příliš širokým prvkem
Napsal: 20 lis 2012 14:05
Dobrý den,
můj problém se týká následujícíh stránek http://www.centrum-berkana.cz/
css soubor naleznete zde http://centrum-berkana.cz/wp-content/th ... /style.css
Jedná se o ten poslední fialový čtverec. Někteří uživatelé stránek jej nevidí a musí se k němu proscrollovat - což není úplně košér řešení, páč spousta z nich tato možnost nenapadla (jednoduše si nevšimnou horizontálního posuvníku). Mě se doma stránky vykreslí v pořádku (dokonce i na netbooku) chyba je zřejmě v odlišném rozlišení monitoru.
Trošku jsem googlil a na jakpsatweb jsem našel, že chybu by mohl způsobovat prvek .news který má nastaveno width: 1170px; Tato šířka je vypočtena součtem všech šířek těch barevných čtverců, aby okraje obou prvků byly zarovnané.
Zkoušel jsem nastavit celé stránce width: 1238px; a u prvku .news pak tuto šířku napsat v procentech (1170/1238 x 100 = 95,31502423263328%) Myslím, že FF, Chrome a dokonce i IE9 se s tímto zadaním vyrovnali (ovšem nevím jestli jde čtverech vidět - nemám jak provést kontrolu), ale problém je v IE 8 a níže.
Pro IE jsem nastavil vlastní styly pomocí podmíněného komentáře zde: http://centrum-berkana.cz/wp-content/th ... _style.css
Abych shrnul můj dotaz.
Jestliže se nezobrazuje fialový čtverec vpravo všem uživatelům (je mimo obraz), nevíte jak udělat, aby byl dostupný všem?
Předem děkuji za Vaše odpovědi, případně za odkaz na nějaký článek zabývající se odladěním layoutu pro starší IE prohlížeče. (Dělají mi problém kulaté rohy, i když jsem použil javaskriptovou knihovnu a taky některé šířky prvků se počítají nějak odlišně)
můj problém se týká následujícíh stránek http://www.centrum-berkana.cz/
css soubor naleznete zde http://centrum-berkana.cz/wp-content/th ... /style.css
Jedná se o ten poslední fialový čtverec. Někteří uživatelé stránek jej nevidí a musí se k němu proscrollovat - což není úplně košér řešení, páč spousta z nich tato možnost nenapadla (jednoduše si nevšimnou horizontálního posuvníku). Mě se doma stránky vykreslí v pořádku (dokonce i na netbooku) chyba je zřejmě v odlišném rozlišení monitoru.
Trošku jsem googlil a na jakpsatweb jsem našel, že chybu by mohl způsobovat prvek .news který má nastaveno width: 1170px; Tato šířka je vypočtena součtem všech šířek těch barevných čtverců, aby okraje obou prvků byly zarovnané.
Zkoušel jsem nastavit celé stránce width: 1238px; a u prvku .news pak tuto šířku napsat v procentech (1170/1238 x 100 = 95,31502423263328%) Myslím, že FF, Chrome a dokonce i IE9 se s tímto zadaním vyrovnali (ovšem nevím jestli jde čtverech vidět - nemám jak provést kontrolu), ale problém je v IE 8 a níže.
Pro IE jsem nastavil vlastní styly pomocí podmíněného komentáře zde: http://centrum-berkana.cz/wp-content/th ... _style.css
Abych shrnul můj dotaz.
Jestliže se nezobrazuje fialový čtverec vpravo všem uživatelům (je mimo obraz), nevíte jak udělat, aby byl dostupný všem?
Předem děkuji za Vaše odpovědi, případně za odkaz na nějaký článek zabývající se odladěním layoutu pro starší IE prohlížeče. (Dělají mi problém kulaté rohy, i když jsem použil javaskriptovou knihovnu a taky některé šířky prvků se počítají nějak odlišně)