CSS в Safari

14 Posts

unnamed Reply #1, 16 years, 9 months ago

Подозреваю, что Маковский браузер Сафари не понимает display:inline. Как с этим бороться?

Содержание чанка:

<table width="33%" border="0" cellspacing="0" cellpadding="0" align="center" style="display:inline; padding-right: 10px;">
  <tr>
    <td align="center">
[!MaxiGallery? &gal_query_ids=`[+id+]` &order_direction=`ASC` &display=`embedded` &embedtype=`lightboxv2` &order_by=`pos` 
&limit=`1` &css=`assets/snippets/maxigallery/css/horizontal.css`!]
    </td>
  </tr>
  <tr>
    <td align="center">
<a href="[~[+id+]~]" title="[+title+]">[+title+]</a>
    </td>
  </tr>
</table>

Вызов:

[[Ditto? &startID=`47` &summarize=`3` &total=`3` &tpl=`gallery_sidebar_horizontal`]]

Что после этого отображается см. в прикрепленных изображениях. (snap1-IE, FireFox, Opera, Netscape; snap2-Safari).

14 Posts

unnamed Reply #2, 16 years, 9 months ago

display:inline-table отображается как мне надо в сафари и опере, но как не надо отображается в остальных браузерах sad

230 Posts

PoMeO Reply #3, 16 years, 9 months ago

сафари здесь не причем, лучше бы показали что у вас в assets/snippets/maxigallery/css/horizontal.css, шаблон галереи по умолчанию?
зачем к таблице применять display:inline? с таким же успехом могли обернуть

<span>[!MaxiGallery!}</span>

смысл такой же.

14 Posts

unnamed Reply #4, 16 years, 9 months ago

Шаблон почти по-умолчанию.

230 Posts

PoMeO Reply #5, 16 years, 9 months ago

Quote from: unnamed at Jul 06, 2007, 09:16 AM

Шаблон почти по-умолчанию.

у вас в

ul.thumbs li {
	list-style: none;
	/*float: left;*/
	display: block;
	list-style-image: none !important;
	margin:0px 5px 5px 5px !important;
	
}

float закомментирован а display стоит блок и сафари как раз показывает как это и должно быть.
уберите у таблицы display inline а в стиле наоборт поставьте

ul.thumbs li {
	list-style: none;
	display: inline;
	list-style-image: none !important;
	margin:0px 5px 5px 5px !important;
	
}

получите то что вы хотите