CSS - problém s příliš širokým prvkem

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

mistr moskva
Level 2
Level 2
Příspěvky: 170
Registrován: srpen 09
Pohlaví: Muž
Stav:
Offline

CSS - problém s příliš širokým prvkem

Příspěvekod mistr moskva » 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ě)

Reklama
Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: březen 11
Pohlaví: Muž
Stav:
Offline

Re: CSS - problém s příliš širokým prvkem

Příspěvekod LuCaCZ » 20 lis 2012 19:25

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é.


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Problém s FPS
    od mcrakvar » 26 lis 2024 16:22 » v Vše ostatní (sw)
    4
    4027
    od petr22 Zobrazit poslední příspěvek
    28 lis 2024 10:06
  • Problém s RAM
    od lukas222 » 04 lis 2024 13:52 » v Problémy s hardwarem
    4
    3390
    od lukas222 Zobrazit poslední příspěvek
    05 lis 2024 13:36
  • Problém s mikrofonem Příloha(y)
    od Shokata88 » 19 úno 2025 16:44 » v Problémy s hardwarem
    4
    2559
    od Shokata88 Zobrazit poslední příspěvek
    19 úno 2025 19:18
  • Problém s internetem
    od yakubb23 » 31 led 2025 19:01 » v Sítě - hardware
    1
    4634
    od meda2016 Zobrazit poslední příspěvek
    31 led 2025 21:50
  • Problém se spuštěním PC
    od Viroxx » 27 led 2025 07:09 » v Problémy s hardwarem
    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