Explorer hiba: kilógó kép lenyomja a sidebart
Sziasztok!
Az oldalam egy régebbi weblaboros tanács alapján van elrendezve, viszont explorerben van egy kis hiba, amire nincs ötletem. Ha túl kicsire van méretezve az Explorer ablak úgy, hogy a cikkben levő kép nem fér ki, akkor a kép lenyomja az oldalsávot az egész weblap alá: lásd példa.
Természetesen az Opera és a Firefox levágja a képet, ott nincs semmilyen probléma, csak az Explorer értelmezi másként.
Van erre valami egyszerű megoldás?
■ Az oldalam egy régebbi weblaboros tanács alapján van elrendezve, viszont explorerben van egy kis hiba, amire nincs ötletem. Ha túl kicsire van méretezve az Explorer ablak úgy, hogy a cikkben levő kép nem fér ki, akkor a kép lenyomja az oldalsávot az egész weblap alá: lásd példa.
Természetesen az Opera és a Firefox levágja a képet, ott nincs semmilyen probléma, csak az Explorer értelmezi másként.
Van erre valami egyszerű megoldás?
...lenyomja a sidebart...
Lehet, hogy nem vág témába, de én dinamikus tartalom táblába iratásánál jártam úgy, hogy az első adatok meghatározták a cellák szélességét, és onnantól kezdve a hosszabbakat sortörte! Én ezt úgy oldottam meg, hogy <nobr></nobr> tag-ek közé tettem a tartalmat!
Próbáld meg azt a két divedet ezek közé a tegek közé tenni, és akkor talán nem töri meg! De még egyszer kihangsújjozom, nem tudom, hogy mien hatással van a divekre a <nobr> tag! A táblámban, szövegre működött!
s_volenszki
ne ajánljunk ilyet
2. szerintem nem fogtad fel mi a probléma.
3. táblázatoknál létezett egy nowrap attribútum erre a célra, már érvénytelenítették, de akkor már inkább ezt használd, mint a nobr taget.
4. css white-space tulajdonságának nézz utána.
gex
...egyik html specifikációban sincs benne...
s_volenszki
ps.: Ja! Bocsi, most látom, hogy gex voltál!
overflow-x?
gex
overflow nincs hatással a képre
Ha ez nincs, akkor az Opera sem vágja le a képet, viszont még ilyenkor sem nyomja le a sidebart az oldal aljára, hanem a kép egyszerűen bemászik a sidebar alá. Szóval szerintem nem elsősorban az overflow hibája okozza ezt a hibát az explorerben, hanem valami box model hiba lehet. Nincs különösebb tapasztalatom a témában, hátha valaki tud egy jó trükköt rá.
További infók
Az explorer egy nem tördelhető szöveg vagy egy túl nagy kép miatt hajlamos megnövelni egy fix szélességű box méretét, ezáltal széteshet az oldal. Ezt ki lehet védeni az overflow: hidden; vagy a nem szabványos word-wrap: break-word; használatával (ez utóbbi csak szövegekre működik).
Az én oldalammal az a baj, hogy a szóban forgó box nem fix, hanem változó szélességű, és bár az explorer látszólag itt is a fenti hibát követi el, de ebben az esetben az overflow már nem működik, a word-wrap viszont igen. Ez viszont, mint tudjuk, nem használható képekhez, úgyhogy vissza is kanyarodtunk az eredeti problémához.
Csináltam egy kis tesztet, hogy világosabb legyen a hiba. Teszt
Megoldás
Help!