Css-trükk, azaz, egy asztal és - gumi - fényképek
Anton Young ledobott az ötletet ehhez a bejegyzéshez. Szállt szembe a probléma, hogy a közvetett segítséget magát és megcsinálta.
Én ezt a hibát (igen, ez lesz a következő hiba IE) még soha nem találkoztam, ezért úgy döntöttem, hogy megírom ezt üzenetre egyrészt a puskát magad a jövőben, másrészt, ha valaki az olvasók és a látogatók a blog egyszer szembe ezzel a problémával.
Vegyünk egy példát. A lényeg ez:
- Van egy „gumi” oldal, ami kiterjed a teljes szélességében a böngésző ablakot.
- Van egy asztal 100% szélességű.
- Táblázat egy sor 5 kép (ebben a példában a tényleges szélesség - 250 pixel), és meg kell változtatni a szélességét a böngésző, ha a kép ablak vagy feszített arányosan szűkült, kitöltve a teljes szélessége a táblázat. Belátható, egyszerű módon, az alábbiak:
Minden rendben van, kivéve egy „de” - ha úgy látja, ebben a példában az IE6 vagy IE7 böngészőt. akkor veszi észre, hogy annak szélességét a böngésző ablakot, a kép egy bizonyos ponton „beragadt”, és ők nem tovább szűkül. így a táblázat mászik túl tartalmat.
Ez nem más, mint egy hagyományos bogár minden „kedvenc” böngésző - a képek nem tovább szűkült a tényleges méret. Ebben az esetben 250 pixel.
Nos, a trükk, amely lehetővé teszi, hogy helyes ez félreértés. csak egy sort a CSS-kódot kell alkalmazni az asztalhoz, ahol van a képek: