div'ы в ячейке таблицы

[Angela]

Доброго времени суток всем!

Столкнулась с такой проблемой. В левом столбце таблицы ширина которого 600px мне нужно разместить несколько превьюшек определенного размера. Как их выровнять в ячейке по центру? И возникла проблема с mozill_ой-отображает превью в виде маленьких квадратов...

CSS

.image {
	float: left;
	padding: 3px;
	margin: 6px 12px 12px 6px;
	border: 1px solid #CCCCCC;
	}

html

<table width="100%"  border="0">
		<tr>
		  <td colspan="2"><h4 align="center">Фотоальбомы</h4></td>
		  </tr>
		<tr>
		  <td width="600" align="center">
		  <div class="image"><a href="# target="_blank"><img src="images/n.jpg" width="110" height="90" border="0"></a></div>							   
		  <div class="image"><a href="# target="_blank"><img src="images/n.jpg" width="110" height="90" border="0"></a></div>
		  <div class="image"><a href="# target="_blank"><img src="images/n.jpg" width="110" height="90" border="0"></a></div>
		  <div class="image"><a href="# target="_blank"><img src="images/n.jpg" width="110" height="90" border="0"></a></div>
		  <div class="image"><a href="# target="_blank"><img src="images/n.jpg" width="110" height="90" border="0"></a></div>
		  </td>
		  <td valign="top" bgcolor="#FFFFCC"><h4 align="center"><a href="fotoalbom.htm">Фотоальбом</a></h4></td>
		</tr>
	  </table>

[woofs]

Думаю если в CSS убрать строку: float: left; то изображения встанут не в линейку, а в столбик, по центру.

Т.к. float: left; это обтекание эллементов.

Почитать про float

Edited January 13, 2009 by woofs

[Колос]

Проще всего, конечно, вместо набора слоёв добавить внутрь ещё одну таблицу ......

[woofs]

Да, впринципе можно и так, таблица встанет автоматически по центру(при align="center"), добавить в ячейках те же внутренние отступы, и вставить img...

[Rezet]

а если div задать margin 0 auto?

[Angela]

а если div задать margin 0 auto?

Rezet, Такой фокус не помогает

[Searcher]

для div сделайте display:inline;

там, собственно, div-ы и не нужны. после каждой картинки просто добавьте перенос <br>