Dobrý den, prosím někoho zkušenějšího v html o radu. Nastavil jsem obrázku šířku 100%, což by podle mých znalostí mělo zajistit, že bude přizpůsoben na šířku divu, do kterého je vložen. To platí - ale jen ve Firefoxu a Opeře. Internet explorer se přizpůsobením rozměrů podle nařazenému bloku neobtěžuje a naopak roztáhne nadřazený blok na šířku obrázku.
Rád bych i v MSIE zajistil stejné chování, jako ve Firefoxu i Opeře - díky předem za radu!
Len taky maly hint a uz budem ticho 
Uz si to niekde videl, zeby to tak bolo spravene?
Něco jako tohle? Mě to obrázek resizuje v IE6 a FF3 podle velikosti okna prohlížeče - tedy divu.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<div>
<img style="width:100%" src="http://apod.nasa.gov/apod/image/0906/b44_davis.jpg">
</div>
</body>
</html>
Mám to stejně, tj <img src=‘’…" style="width:100%;">
http://www.geocaching.com/seek/cache_details.aspx?guid=b7a127f7-2eeb-4a04-94f4-acb29d1e00ec - v MSIE má obrázek furt svou originální šířku
tak to zkus normálkně do width="100%"
<img src="xxx.jpg" width="100%">
Ne, je to tenhle problém: div uvnitř tabulky:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table width=100%>
<tr>
<td style="width:100%">
<div style="width:100%">
<img src="http://img.geocaching.com/cache/cbeba5a1-b327-4081-9113-77837461c49f.jpg" width=100% />
</div>
</td>
<td>
Druhy sloupec
</td>
</tr>
</table>
</body>
</html>
Výhledově se na to mrknu, IE je fakt hnus.
A co to nastavit absolutně? Tj. třeba width=500? Vím, že to není ideální řešení, ale brání to něčemu v tomto tvém konkrétním listingu?
A coz to udelat obracene. Zmenit velikost obrazku. Ja u obrazku do listingu dodrzuju, aby mel sirku max. 640px. A pak uz v html "nenastavuju" nic.
To jsem samozřejmě zkusil taky 
A proč prostě neupravíš šířku obrázku v nějakym grafickym editoru na 780px a nemusíš psát žádný další atributy.
Zkus tohle
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table style="table-layout:fixed;width:100%;">
<tr>
<td style="width:90%;">
<div>
<img src="http://img.geocaching.com/cache/cbeba5a1-b327-4081-9113-77837461c49f.jpg" style="width:90%;" />
</div>
</td>
<td>
Druhy sloupec
</td>
</tr>
</table>
</body>
</html>
Díky za náměty. Fungují (podle očekávání), ale jen v normálním webu.
Jakmile je ten kód součástí stránky na gc.com, tak to v msie fungovat přestane. Je jedno, jestli je obrázek sám o sobě, nebo v divu nebio v buňce tabulky, msie ho pokaždé ukáže v jeho skutečné šířce a nepřizpůsobí ho, zatímco zbylé dva prohlížeče ho naopak přizpůsobí.
Doporučuji si to vyzkoušet.
Nevím, co je v kódu a css na gc.com za podivnost, že se to tak chová, a nemám ani dost zkušeností ani dost času a sil, abych po tom pátral…
Díky ještě jednou a pokud někdo bude znát funkční řešení, budu za něj vděčný.
no groundspeak jasne pisou 125k or 600 pixels, tak nechapu potrebu narvat do listingu co nejvetsi obrazek. na druhou stranu vitam moznost prohlednout si vyhledy a pod ve full size, coz je dokonce nekdy velmi zadouci. proto velky obrazek resim pravda trochu sloziteji, ale v duchu nastavenych pravidel. do listingu umistim klikaci miniaturu originalu upravenou atributama, takze kdo si chce obrazek prohlednout v plne velikosti, klikne na miniaturu a original se mu otevre v novem panelu.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>pokus</title>
</head><body>
<a href="http://img.geocaching.com/cache/cbeba5a1-b327-4081-9113-77837461c49f.jpg" target="_blank">
<img src="http://img.geocaching.com/cache/cbeba5a1-b327-4081-9113-77837461c49f.jpg" height="255" width="600">
</a>
</body></html>
funkcni.. overeno na tvem obrazku; miniatura (da-li se to tak jeste rict) 750 × 318 vlozenem do rozpracovaneho listingu.
Je to jednoduché. Chci aby panoramatické foto, které má jako dominantní rozměr ten horizontální, bylo co nejširší. Samozřejmě ale nechci, aby rozbíjelo design zbytku stránky. Z toho plyne prostý závěr, že obrázek má svou šířkou respektovat aktuální šířku stránky (přesněji šířku toho boxu, v němž je vložen).
Myslím, že to je celkem normální požadavek a na normálním webu to jde normálně realizovat i pro MSIE.
Je zajímavé, že když se listing stáhne do GoeGetu, tak se tam obrázek zase chová normálně a mravně, tedy respektuje šířku okna a mění se spolu s ní. A GG přitom používá (pokud jsem to dobře někde zaregistroval) vykreslování pomocí exploreru.
Z toho mi plyne závěr, že někde ve stylech nebo v nějakých javascriptech na gc.com je možnost nechat obrázku šířku 100% nějak zablokovaná… Zablokovaná je ovšem jen pro MSIE… Jinak řečeno, je v tom bordel.
…i u takového obrázku bys mohl chtít, aby měl šířku 100%. Když bude okno (přesněji nadřazený box) užší, měl by se obrázek zmenšovat spolu s ním.
Dělá to? Nedělá.
Kdepak, GG pomoci InternetExploreru nezobrazuje nic, pouziva vlastni nativni zobrazovac HTML zcela nezavisly na jakemkoliv nainstalovanem prohlizeci.
na gc.com nefunguje ani podtžítkový hack - tedy konstrukce typu
<imr src="..." style="width:100%; _width:550px;">
Jak Crocky napsal, je problém v té tabulce. (ne v css nebo js)
Jak jsem zjistil jinde, nejspíš s tím nepůjde nic udělat.
Problém je by se dal vařešit tako, cituji: "Chyba se projevuje jen v Quirku a je způsobena procentními rozměry obrázku, který je v buňce tabulky. Buďto nepoužívej procentní rozměry, a nebo použij vhodný DOCTYPE pro přepnutí prohlížeče do standardního režimu." Jelikož doctype změnit nemůžeš, máš bohužel smůlu. Takže to necháš tak jak je, jenom to zmenšíš na 600px. V prohlížečích kromě IE se to bude chovat docela dobře, v IE to alespoň nerozhází vzhled. Pokud chceš ostatním nabídnout originál obrázku, umísti ho do odkazu a zobrazuj ho někde jinde.
Na strankach Různý CSS styl v různých prohlížečích pisou, ze podtrzitkovy hack nefunguje na IE7, misto podtrzitka muzes zkusit jiny znak, treba #.
Bezva - aspoň tohle funguje! Exploreristi to tedy mají od teďka natvrdo na 600 pixlů a ostatní normálně 
Vřelé díky!