Dotaz: Podivnost na webu

[skunkOS]

Ahoj, stavím si web (jen tak pro srandu, nejsem žádnej webovej skiller). A mám tam jeden problém. Jedná se o tento web

http://csko-16.ic.cz/

Jen tak na okraj, web používá CSS3, takže v IE8 si neškrtnete.

K problému. V každém prohlížeči mám při procházení webu zobrazenej dole horizontální posuvník. Přitom div s kontejnerem má nastavenou šířku 1000px a i na mém ntbk (rozliš. 1366x768) se mi ten posuvník (scrollbar) zobrazuje a jde stránku horizontálně posunout kamsi do "neznáma".

Jak to spravit?

---

---

Odpovědi

[poky74]

Google Chrome 10.0.648.205
GNU/Linux 
žádný posuvník...

[skunkOS]

To je divný. V Opeře, Firefoxu i v IEčku mě to ten posuvník zobrazuje :(

[Kill_Bill]

Konqueror 3.5.10 / SLAX - stranka jede, posuvnik nikde...

[Sten]

Konqueror 4.6.1, zkusil jsem jak KHTML tak WebKit a žádný posuvník tam není

[tuxmartin]

Google Chrome 10.0.648.205
GNU/Linux
žádný posuvník...

Chromium 11.0.696.57 (82915) Ubuntu 10.10 a taky zadny posuvnik.

[pocitujlasku]

Mozilla Firefox 3.6.16 stranka je v pohode.

[chochi]

Ahoj,
Nejsem sice vubec odbornik na web, ale pokusim se poradit. V Chrome 11 a FF 3.6 se to zobrazuje v pohode. V IE7 je tam ten posuvnik. Zkusel jsem se hrat s CSS a kdyz odstranim sirku z divu "container" tak se posuvnik objevi a posouva se na popisky "vic nez jen hra" a "na jednu noc".
Problem bych videl, ze maji v CSS left=735px (relative) od konce obrazku header.png. Jelikoz moc normy neznam, tak nemuzu rict zda tohle je problem (treba to nejaky prohlizec spatne pochopi a nerespektuje sirku divu a to misto rezerverju). Jako prvni vec bych si skusil pohrat s timhle.

[skunkOS]

Skusím.

[smartin]

no hlavne si tam zkopni Firebug Lite a upravuj primo v IE, jinak ti z toho jebne.

[Honza]

Jedna poznámka... řeší se tady jedna věc typu posuvník. Dole máš validátory na CSS a HTML. Nebylo by lepší prvně odstranit nekorektnosti vzhledem k W3C a teprve potom řešit, zda se posuvník zobrazí a jak? Obávám se, že jakoukoliv úpravou tohoto konkrétního prvku si vždycky rozhodíš něco jiného.

BTW FF4 a BSD posuvník nezobrazuje.

[skunkOS]

1. CSS validací neprojdou jen CSS3 prvky, které jsou ale ke standardu CSS3 naprosto validní.

2. HTML validace je v pořádku a pokud se na ní vyskytne chyba, tak ta souvisí s nějakým bugem ve zpracování toho webu ve validátoru. KDyž si zkopíruješ zdroják a ten zvaliduješ, tak je vše v pořádku.

[Honza]

Tak nevim. Ze bychom oba dva pouzivali jinou validaci CSS3?

Tady je zdrojak tve stranky

[pavlix]

2. HTML validace je v pořádku a pokud se na ní vyskytne chyba, tak ta souvisí s nějakým bugem ve zpracování toho webu ve validátoru. KDyž si zkopíruješ zdroják a ten zvaliduješ, tak je vše v pořádku.

Doporučuju prvně hledat chybu u sebe, teprve potom u validátoru. A pokud tvrdíš, že má validátor chybu, připiš jakou, případně je zkus trochu pošťouchnout, ať ji opraví.

[wtfjakovocode]

1. Vendor-specific rozšíření validní nejsou. Navíc pokud tam máte CSS 3, proč ten odkaz vede na validaci CSS 2.1?
2. Je tam BOM, i když tam nemá co dělat, ta stránka totiž potom není ani validní UTF-8. Při zkopírování se BOM nekopíruje (protože uvnitř UTF-8 textu nemá co dělat), proto to potom projde. Validátor se chová správně a chyba je u vás!

[skunkOS]

No jsem stále celkem začátečník. Jak tu chybu tedy opravit?

K těm css, tam jako taky nevím jak to opravit. Tam některý ty vlastnosti mají ty browserovský prefixy a validátor to prostě nebere.

[Sten]

Budete tam mít nějaký soubor, který začíná onou meta hlavičkou, který jste otevřel v nějakém neschopném editoru a ten tam na začátek nacpal BOM (myslím, že to dělá windowsí Poznámkový blok). Odstranění je celkem snadné, stačí to otevřít v nějakém lepším editoru, který BOM buď neukládá nebo jde ukládání vypnout, a uložit.

Vendor-specific prefixy prostě validní nejsou a validátor je nikdy nevezme, takže buď se obejděte bez nich (často stačí použít standardní CSS3) anebo neuvádějte, že web je validní.

[skunkOS]

No upravoval jsem to jen v Dreamveaweru, v Notepadu++ a v geditu. Všude jsem to ukládal jako utf8. Zkusím na to ještě mrknout

[Josef Kufner]

Vendor specific rozšíření validní jsou, protože dle specifikace (CSS 1) má prohlížeč neznámé vlastnosti ignorovat. W3C validátor tohle vyhodnocuje chybně.

[Ash]

To že máte či musíte něco ignorovat ale ještě neznamená, že to je validní.

[Sten]

A podle HTML specifikace má prohlížeč ignorovat neznámé tagy a takové stejně nejsou validní.