Autor | Zpráva | ||
---|---|---|---|
chleeba Profil |
#1 · Zasláno: 26. 3. 2011, 14:38:47
Mám problém že se mi nezobrazují obrázky v galerii stejně správně seřazené.
Správně seřazené to zobrazuje a kurát v Chromu. Nevíte kde je problém, kde mám chybu v kódu (html,css) nebo jak tento problém hledat na internetu. web: http://chleeba.ic.cz/ |
||
pohan Profil |
No, seřazené je to stejně ve všem, co sem zkusil (Chrome, FF4, Opera, IE7,IE8)
Napadá mě akorát, že se ti nelíbí, že v IE jsou dva řádky po čtyřech a jeden po dvou, zatímco všude jinde dva řádky po pěti, je to tak? Pokud jo, tak problém, je, že IE si přidá border k obrázkům, které jsou v prvku <a> a tím zvětší šířku prvků, ty se pak nevejdou do řádku. Začal bych tak, že bych ten border odstranil v CSS: a img { border: 0; } |
||
chleeba Profil |
#3 · Zasláno: 26. 3. 2011, 14:55:24
JJ máš pravdu, dva řádky po pěti to má zobrazovat.
Vyzkouším, tvoji radu :) |
||
chleeba Profil |
#4 · Zasláno: 26. 3. 2011, 16:23:58 · Upravil/a: chleeba
Tak jsem to zkusil a pomohlo to akurát jak mám galerii tak je kolem ní rámeček a po levé straně je vertikální linka a ta má jinou mezeru jak v IE6 a Chromu viz. obrázky:
IE6: https://lh4.googleusercontent.com/_3Pbt-vcqsac/TY4EVHrd82I/AAAAAAAAACk/CHqzeTh_Zp0/s640/AB.jpg Chrome, Firefox je to správně: https://lh5.googleusercontent.com/_3Pbt-vcqsac/TY4EO2pTcrI/AAAAAAAAACg/ootOSKpOh2g/s640/Chrom.jpg PS: děkuji předem za radu nemůžu se od tady toho bodu pohnout ten IE6 mě snad v každém kroku zlobí :( |
||
chleeba Profil |
#5 · Zasláno: 26. 3. 2011, 17:08:18
Vyřešeno: http://www.sovavsiti.cz/c02031.html to mě pomohlo
Teď by to mělo vypadat všude stejně :) http://chleeba.ic.cz/ |
||
pohan Profil |
Jo, tohle je známej bug, víc o tom se dočteš třeba tady: Doubled Margin
V zásadě jde o to, že IE5/6 čte tvůj margin-left:22px; jako margin-left:(2*22)px Máš tam v kodu příšernej les, takže se mi nepovedlo to obejít nijak jednodušše, tak aspoň takovej trochu prasáckej workaround. Popíšu o co jde. Jde ti vlastně o vycentrování a řešíš ho marginem. Místo toho to vycentrujeme přirozeně, pomocí text-align:center u rodičovskyho prvku. #right { text-align: center; } #galerie { margin: 0 auto; margin-top: 13px; } bráno po řádkách 1) Rodičovskýmu prvku přidáme vlastnost text-align:center (zarovnání na střed) 2) Zbavíme se jakýhokoliv marginu, místo toho dáme automatický margin vypočítaný na základě zarovnání (center) 3) Vrátíme margin horní straně. Edit Tak vidím, že mezitím, co sem to psal, už to máš vyřešeny, tak fajn |
||
chleeba Profil |
#7 · Zasláno: 27. 3. 2011, 10:51:40
Ale díkes za radu :)
|
||
Časová prodleva: 13 let
|
0