Siz blogja

Még nem tudom, hogy miről fog szólni a blogom. Majd menet közben kiderül és jól ápdételem ezt itt. Valszeg a számomra fontos dolgokat fogom itt közzétenni. Pl. mi öröm/szívás/egyéb történt éppen velem. Hogy mennyire lesz aktív még nem tudom, majd kiderül. :)

Utolsó kommentek

  • siz: Szerintem egy ilyenem nekem is van valahol, de az valami házilag utángyártott csoda, háza sincs, m... (2012.08.13. 21:37) EPROM írás
  • siz: Az EPROM törlő akkor került 3488Ft-omba, amikor ezt a posztot írtam. (Fixáras volt, 7$+10$ posta).... (2012.08.13. 21:35) EPROM írás
  • leonsio: Vettem én is egy eprom égetőt, de ezzel így nem sokra megyek. kepfeltoltes.hu/120812/c64eprom_www... (2012.08.12. 17:56) EPROM írás
  • ColT: Grat! Rég láttam ilyet, anno 80-as években igen gyakran írt apám eprom-ot, na persze nem saját cuc... (2011.03.02. 12:06) EPROM írás
  • Gozo67: Jobbulást Nikinek! (2011.02.05. 17:48) Niki térde
  • Utolsó 20

Címkék

3com (1) amiga (3) amiga 1200 (1) amiga 600 (3) apeh (1) atari (1) autó (7) baleset (1) bank (1) beleönt (1) benzinkutas lehúzós (1) beteg (1) bicikli (1) billentyűzet (1) black screen of death (1) blog (4) bmw (1) bölcsességfog (1) britney spears (1) búcsú (1) bug (3) bugzilla (1) busz (1) c128 (1) canon mx350 (2) canon powershot s2 (3) carbonex kc (6) castle (1) cd galaxis (1) chambery (1) commodore (9) család (1) danubius rádió (1) debian (2) digikábel (4) dragon age origins (3) dvd (1) ea (1) eclipse (3) edigital (2) eprom (1) ethernet (1) fejlesztés (1) fényképező (3) fiesta (2) film (1) firefly (1) firefox (1) focus (40) formula 1 (9) fotó (1) game (1) gmail (1) grundfos kupa (1) győri audi eto (3) heroes (2) hiba (10) hitel (2) (4) htc p3600 (2) hűtőgép (1) ie8 (1) igo (1) internet (2) izzócsere (2) játék (2) java (8) javítás (2) karvina (1) katy perry (1) kép (1) kézilabda (10) kimi (3) kórház (1) közlekedés (6) laptop (2) lara (1) lassított felvétel (1) lemgo (1) letöltés (4) liferay (2) linux (1) lol (23) lovegun (3) lucky (12) lúzer vagyok (1) m1 (1) magyar válogatott (1) meglepetés (1) megoldás (2) mkb veszprém (1) mobil (11) motor (8) mozi (1) nathan fillion (1) niki (6) női (1) nokia 5800 (9) nyaralás (2) osram (1) ovi maps (1) pannon kupa (1) pc (5) pcmcia (1) pick szeged (3) plus4 (1) quake live (1) ram (1) serenity (1) silkeborg (1) sláger rádió (1) sorozat (2) space cowboy (1) spring (1) steam (1) stílus (1) subversion (2) support (1) szakdolgozat (4) sze (22) szép nap (1) szívás (29) tanusítvány (1) taxi (1) template (2) totalcar (1) trinity (1) tűz (1) twitter (1) ubuntu (1) vanda (9) vásárlás (1) video (6) vista (1) víz (1) webes (1) windows (1) wm6 (1) wow (1) xircom (1) zaton (1) zene (2) Címkefelhő

Webes fejlesztés szépségei

2009.11.04. 11:45 | siz | 2 komment

A mostani munkám az egyik ingatlanközvetítő weboldalának és ügyviteli rendszerének karbantartása. A feladat amin most éppen dolgozom pedig az ingatlanok adatlapjának átalakítása: új galéria fejlesztése, kozmetikázás, stb.

Az új galéria egy viszonylag szokványos megoldást alkalmaz: fent van egy nagyobb kép, alul pedig egy görgethető filmszalagon az összes kép. A filmszalag képeire kattintva fent megjeleni nagyobban a kiválasztott kép, a nagyra kattintva pedig teljes méretében, ahol lehet közöttük ide-oda lapozni.

Ez eddig tök sima, a teljes képernyőshöz a lightbox nevű megoldást használom, de a galéria többi részét le kellett fejlesztenem.

Ami fontos, hogy fent a nagy képet ugye méretezni kell, hogy elférjen és középre igazítani a rendelkezésre álló helyen. Ezt úgy lehet megoldani, hogy a képet be kell tenni egy fix méretű DIV-be, amire be kell állítani a következő stílusokat:

display: table-cell;
vertical-align: middle;
text-align: center;

Ez viszonylag egyszerű, minden rendes böngészőn (Firefox, Safari, Opera, Chrome) királyul középre pozícionál. Kivéve IE-n. Ott minden verzión más hibát produkál. :(

Az IE8-nál régebbiek pl. nem támogatják a display: table-cell stílust, így a függőleges középre igazításhoz mindenféle trükk kell. Ezzel még nem is foglalkoztam. :(

Az IE8-nál működik, viszont szarul rosszul. :( Álló képpel tök jó, fekvővel viszont szétnyújtja vízszintesen a DIV-et és abban pozícionál.

Több napi szenvedés után ma megtaláltam az okát: ez egy ismert IE8 bug. Ha display: table-cell van megadva, és abban egy kép max-width-el van átméretezve, akkor szétnyújtja a DIV-et. :(

Szerencsére ugyanitt közölték a megoldást is: a DIV köré kell egy másik, amelyik a display: table stílus mellé meg kell, hogy kapja a table-layout: fixed-et is. Ez utóbbi a megoldás kulcsa. Ezt beírtam és már működik is.

De hogy ezzel 3 napot (többé-kevésbé) kelljen szopnom szenvednem... :((((

 

Címkék: bug fejlesztés webes ie8

A bejegyzés trackback címe:

https://siz512.blog.hu/api/trackback/id/tr491498056

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben és az adatvédelmi tájékoztatóban.

Gozo67 · http://gozo.blog.hu 2009.11.05. 10:51:52

Már Heki is megmondta, hogy az IE nem böngésző!
Egyébiránt nálam az Opera is szokott érdekességeket művelni pl Javascriptnél (ami megy minden máson, az ott nem igazán) .

siz · http://siz.hu 2009.11.05. 11:02:07

Igen, most vettem észre, hogy az Opera nagyon sok mindenben az IE-t veszi alapul. Pl. volt olyan fázis, hogy a weboldal működött már mindenben, kivéve IE6 és Opera 10. :(
Egyébként azóta megoldottam a problémát minden böngészőre: detektálom, hogy IE van-e? Ha igen és 7-es vagy régebbi, akkor a pozícionálást javascriptből oldottam meg. Ha igen és 6-os, akkor pedig a méretezést is.
A többi böngésző (ideértve az IE8-at is) CSS-ből is tudja...