ugrás a tartalomhoz

ie7, ie9 probléma

Creative · 2012. Május. 11. (P), 12.38
Üdv :)

Ismét én.. adva vagyon egy galéria, ami lightboxos és normálisan működik. Kivéve ie7-ben... A szisztematika hogy li elemeken belül a-tag, amiben img tag mutatja a thumbnailt, ez eddig oké is. De ie7 alatt nem törik új sorba. Hiába wrappolom, nem segít rajta. A másik probléma ugyanitt, hogy van alatta egy lábléc-menü is, ami viszont ie7 -ben jól működik, de ie9 -ben megnyúlik jó 20 px-el szélesebbre :S ie bugokban nem vagyok anynira profi de ha valaki segítséget tudna ebben nyújtani ^^ (bár lefogadom egy jófajta borban, hogy Poetro lesz az első hozzászóló és a helyes megoldás postolója is ^^)

C.
 
1

-ie9 ^^

Creative · 2012. Május. 11. (P), 13.05
Az ie9 -es hibát felejtsük el ^^
2

Jó lenne látni a dolgot, hogy

Hidvégi Gábor · 2012. Május. 11. (P), 14.04
Jó lenne látni a dolgot, hogy hozzá tudjunk szólni. Az img tag-nek esetleg adj egy display: block; -ot, hátha.

A fogadást elvesztetted, küldheted a bort, Poetro már csak a helyes megoldás beküldője lehet : )
3

Forráskód részlete

Creative · 2012. Május. 11. (P), 16.07
Forráskód részlete idevágóan:
<ul class="gallery_block_list">
	<li>
		<a href="images/gallery01/01.jpg" alt="#" rel="">
			<img src="images/gallery01/tn_01.jpg" alt=""/>
		</a>
	</li>
	<li>
		<a href="images/gallery01/02.jpg" alt="#" rel="">
			<img src="images/gallery01/tn_02.jpg" alt=""/>
		</a>
	</li>
</ul>
S a stílusok:
.gallery_chooser_list, .gallery_block_list {
    list-style: none outside none; padding-left: 10%;
}
.gallery_chooser_list li, .gallery_block_list li {
    display: inline-block;
    float: left;
    height: 155px;
    padding: 0 4px 4px 0;
    zoom: 1;
    *display: inline;
}
.gallery_chooser_list li a img, .gallery_block_list li a img {
	display: block !important;
}
.gallery_block_list li {
	min-height: 102px; height: 102px !important; word-wrap: break-word
}
.gallery_chooser_list li a, .gallery_chooser_list li a.visited, .gallery_block_list li a, .gallery_block_list li a.visited {
    background: #FA9FC1; padding: 2px; display: block; text-decoration: none; color: #46474c; border: none 0;
}
.gallery_chooser_list li a:hover, .gallery_chooser_list li.active a, .gallery_block_list li a:hover, .gallery_block_list li a.active {
    text-decoration: none; color: #006294
}
.gallery_chooser_list li a p {
    margin: 2px; font-size: 12px; line-height: 1.1em; color: #000; text-align: left !important;
}
A bort még meglátjuk =)

C.
4

float?

Poetro · 2012. Május. 11. (P), 17.39
Most ha float, akkor miért inline-block? A zoom és a *display teljesen felesleges. És miért kell az img-nek blokknak lennie?
5

Villanások lap betöltésekor

Dr Coon · 2012. Júl. 24. (K), 17.36
Sziasztok!

A weblapomon mindig villan egy fehéret a böngésző mikor átnavigálok egy másik aloldalra. Természetesen csak IE alatt sz*rakodik FF-ban minden tökéletes. Már minden neten talált lehetőséget végigpróbáltam (js ami elvileg(!) kikapcsolja a cache-elést, css módosítás, új tag a html-ben) de semmi sem működött. Elvileg ez azért van mert a csodálatos IE mindig újratölti a képeket. Biztos volt már ez így mással is (érzésem szerint "epic-fail" jellegű probléma) és hátha tudok rá egy jó megoldást ami megoldja ezt az idegesítő jelenséget. Az oldal body-jában háttérkép is van de ha lecserélem sima feketére akkor is ezt csinálja tehát nem a képméret a gond. Egyelőre még csak localhost-on van fenn a weboldal.

Köszi előre is!
6

Feltölthetnéd valahova

Hidvégi Gábor · 2012. Júl. 24. (K), 18.26
Jó lenne látni. A "csodálatos" IE csak akkor tölti újra a képeket, ha úgy adod meg neki a HTTP fejléceket.

Egyébként tényleg úgy működik, hogy amikor új oldalra navigálsz, akkor előbb megjelenít egy fehér hátteret, és aztán kezdi el a dolgokat kirajzolni, de ez leginkább csak akkor látszódik, ha sok a (külső/scripttel "számolt") tartalom, és a gyorstárazás nincs jól beállítva, localhoston általában nem lehet észrevenni.
7

feltöltve

Dr Coon · 2012. Júl. 25. (Sze), 20.20
Hello!

Felraktam az oldalt ide. Fejlécben már sok mindent próbáltam megadni, nem megadni de mind hiába (ezért is a kicsit kusza kód). Csak azt nem értem, hogy FF-ban meg tudták csinálni alapból normálisan akkor IE-ben miért nem :S Remélem sikerül megoldást találni.

Köszi előre is!
8

Háttérkép

Hidvégi Gábor · 2012. Júl. 25. (Sze), 21.32
Szerintem azért lassú, mert nagy a háttérkép (3000x2000 pixeles), valamint fix helyen van. Ezt általában nem szereti az IE.
9

kis képnél is

Dr Coon · 2012. Júl. 25. (Sze), 23.26
Sajnos nem ez a baj. Kivettem az összes háttérképet a fejlécé kivételével és továbbra is villog (a fejlécnél). Valahogy szkriptből kéne kikapcsolni ezt az IE-ben. De hogy? :S
10

html

Hidvégi Gábor · 2012. Júl. 26. (Cs), 08.11
Kicsit játszottam vele.
A háttérkép stílusdefinícióját rakd át a body-ból a html-be, és legyen benne a mindenhol a filter, ahol háttérkép van, így gyorstárazza a képet az adott oldalon, és nem akarja később minden alkalommal letölteni.

Hiába adunk meg neki Expires és Etag fejléceket, az IE (7) nem veszi figyelembe (háttérképnél, úgy tűnik).

Emellett érdemes azoknak az elemeknek háttérszínt is adni, amelyeknek ilyen, viszonylag homogén háttere van, méghozzá olyat, amilyen a kép színeinek átlaga. Így nem fehér színre kell kirajzolnia a böngészőnek a képet, hanem egy eleve olyanra, ami hasonló.

pl.:
html {
  filter: expression(document.execCommand('BackgroundImageCache', false, true));
  background: #242424 url(Metal_Background_Flipped.jpg) no-repeat fixed center center;
}

.container {
  filter: expression(document.execCommand('BackgroundImageCache', false, true));
  background: #a1a2a6 url(BrushedMetalBack_2.jpg) repeat-y;
}


Alternatívaként, ha Apache webszerveren lesz a dolog, és be van kapcsolva a mod_headers, a következő két sort rakd be mondjuk a virtualhostba vagy a .htaccess-be:

<FilesMatch "\.(gif|jpe?g|png)$">
  Header add Cache-Control pre-check=60
  Header add Cache-Control post-check=60
</FilesMatch>

Ekkor a css-ben nem lesz szükség a filter sorokra. Ez egyébként azt csinálja, hogy az oldal kirajzolásakor az IE betölti a gyorstárból a képet, majd 60 másodperc múlva ellenőrzi a szerveren, hogy változott-e (ha igen, akkor a háttérben újratölti).
11

Mindenképp!

Dr Coon · 2012. Júl. 26. (Cs), 08.31
Köszi!

Ezeket mindenképpen ki fogom próbálni, remélem megoldja a problémát végre.
12

kipróbáltam

Dr Coon · 2012. Júl. 27. (P), 09.17
No, kipróbáltam amit mondottál. A háttércsere révén még mindig villan ugyan egyet de már koránt sem olyan zavaró, viszont a cache-elés szerintem még mindig nem megy (IE9-ről van szó). De nem baj, ez már így egészen tűrhető egyelőre így marad. Esetleg iframe használata nem jöhetne szóba?
13

Iframe

Hidvégi Gábor · 2012. Júl. 27. (P), 09.53
Nem hiszem, hogy segít az iframe, de megpróbálhatod. A legjobb lenne, ha megoldanád, hogy a háttérképek HTTP fejlécében ott legyen a post-check.
14

makacsul újratölti

Dr Coon · 2012. Júl. 30. (H), 15.32
Hello!

Megpróbáltam a header-eket melyeket említettél. Az Apache konfigban a mod_headers-t engedélyeztem, és a weboldal könyvtárában elhelyeztem egy .htaccess nevű fájlt benne az általad is írt header sorokkal. Sajnos még mindig ugyanúgy viselkedik az oldal :S Esetleg nem így kellett volna csinálnom?
15

Amint lesz több időm,

Hidvégi Gábor · 2012. Júl. 30. (H), 15.41
Amint lesz több időm, nekiesek ismét, mert izgat a probléma.