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ě)
CSS - problém s příliš širokým prvkem
-
- Level 2
- Příspěvky: 170
- Registrován: srpen 09
- Pohlaví:
- Stav:
Offline
Re: CSS - problém s příliš širokým prvkem
Když mají stránku šířku přes 1200px, tak na nižších rozlišeních nebude pravá strana vidět - to je logické. Nebude vidět fialový box, ale celá pravá část. Nižší rozlišení můžeš simulovat zmenšením okna prohlížeče a sledovat jak se stránka chová.
Možnosti jsou, že stránku zeštíhlíš nebo jí dáš dynamickou šířku v procentech a nastavíš nějakou minimální šířku - třeba 500px.
Doporučil bych zmenšit písmo a pak můžeš zmenšit i šířku stránky. Tak velký písmo se blbě čte.
V IE8 je to celé rozhozené.
Možnosti jsou, že stránku zeštíhlíš nebo jí dáš dynamickou šířku v procentech a nastavíš nějakou minimální šířku - třeba 500px.
Doporučil bych zmenšit písmo a pak můžeš zmenšit i šířku stránky. Tak velký písmo se blbě čte.
V IE8 je to celé rozhozené.
-
- Mohlo by vás zajímat
- Odpovědi
- Zobrazení
- Poslední příspěvek
-
- 4
- 4027
-
od petr22
Zobrazit poslední příspěvek
28 lis 2024 10:06
-
- 4
- 3389
-
od lukas222
Zobrazit poslední příspěvek
05 lis 2024 13:36
-
- 4
- 2558
-
od Shokata88
Zobrazit poslední příspěvek
19 úno 2025 19:18
-
- 1
- 4634
-
od meda2016
Zobrazit poslední příspěvek
31 led 2025 21:50
-
- 1
- 2363
-
od petr22
Zobrazit poslední příspěvek
27 led 2025 07:19
Zpět na “Programování a tvorba webu”
Kdo je online
Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 4 hosti