[CSS] Pozioma linia przerwy pomiędzy obrazkami.

[CSS] Pozioma linia przerwy pomiędzy obrazkami.

what Zobacz profil	27.10.2008, 21:37:14 Post #1
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 27.10.2008 Ostrzeżenie: (0%)	Witam, chciałem zaznaczyć że jestem dość nowy w tematyce CSS. Problem jest dość dziwny a mianowicie: http://img396.imageshack.us/my.php?image=33253931jv8.png tak wygląda rozjechany element graficzny pod IE, natomiast pod FF jest wszystko ok: http://img261.imageshack.us/my.php?image=27804103gl2.png Zauważyłem, że gdy wszystkie tagi zamykam i otwieram jeden po drugim, to jest np: <img ......></img><img .... > jest wszystko w porządku, wystarczy jednak że zrobię spację pomiędzy, lub wstawię elementy w oddzielnych <div> a wszystko się posypie (jak w 1 linku) pod IE (pod FF jest wszystko w porządku), np: <img ......></img> <img .... > czy <div> <img ......></img> </div><div> <img .... > </div> Dziękuje za wszelką pomoc (IMG:http://forum.php.pl/style_emoticons/default/wstydnis.gif) Dorzucam kod HTML i css ponieważ jest tego mało: Kod </head> <body> <!-- GRAFIKA CZESC GORNA: --> <div class="gornaRamka"> <!-- LINIA 1: --> <div class="obrazki" style="height:42px; line-height:42px;"> <img src="gfx/Slice_1.jpg" style="width:638px; height:42px;"></img><img src="gfx/Slice_2.jpg" style="width:318px; height:42px;"></img> </div> <!-- LINIA 2: --> <div class="obrazki" style="height:48px; line-height:48px;"> <img src="gfx/Slice_3.jpg" style="width:209px; height:48px;"></img><img src="gfx/Slice_4.jpg" style="width:222px; height:48px;"></img><img src="gfx/Slice_5.jpg" style="width:207px; height:48px;"></img><img src="gfx/Slice_6.jpg" style="width:318px; height:48px;"></img> </div> <div> </body> </html> Kod body { background-color: #dfce7e; } img { border: 0px; padding: 0px; margin: 0px; } div { margin: 0px; padding: 0px; border: 0px; } .calaRamka{ margin-top: 0px; margin-left: auto; margin-right: auto; width: 956px; background-image:url(../gfx/Slice_29.jpg); } .gornaRamka{ margin: 0px; padding: 0px; width: 956px; } .obrazki { float: left; }