Позиционирование float

[sol]

Задал расположение картинок при помощи float

html

<div id="content">
<a href="#"><img src="img/1.jpeg" class="img"/>
<a href="#"><img src="img/2.jpeg" class="img"/>
<a href="#"><img src="img/3.jpeg" class="img"/>
<a href="#"><img src="img/7rm.jpeg" class="rek"/>
<a href="#"><img src="img/4.jpeg" class="imgd"/>
<a href="#"><img src="img/5.jpeg" class="imgd"/>
<a href="#"><img src="img/6.jpeg" class="imgd"/>
 </div>

css

.img {
	float: left;
}.rek {
	float: right;
}
.imgd {
	float: left;
}

Все отлично расположилось, но при прокрутке колесика мышки с нажатым ctrl в сторону уменьшения изображения картинка class="rek" съезжает вниз (в браузере FireFox Mozila, в IE все норм)

я так понимаю нужно её задать что то типа фиксированного расположения (пробовал - не получается). Подскажите пожалуйста

Edited April 27, 2009 by sol

[onqu]

Дайте более полный код, или попробуйте задать размеры для #content. Также для картинок всегда необходимо указывать размер.

[Justnewone]

Дайте более полный код, или попробуйте задать размеры для #content. Также для картинок всегда необходимо указывать размер.

... а еще сильно круто читать периодически умную спецификацию, где написано что обязательные теги парные надо закрывать.

[onqu]

Не stict прожует.

[Justnewone]

Не stict прожует.

С таким подходом будете всегда иметь проблемы, с кроссбраузеностью точно. О чем это я, у каждого свой конечный продукт, жалко только что потом многие сюда приходят с подобным хламом и их все равно приходится в это ткнуть.

[Nekromancer]

Не stict прожует.

если так и будите использовать "Не stict", то так и ничему не научитесь...

[sol]

Дайте более полный код, или попробуйте задать размеры для #content. Также для картинок всегда необходимо указывать размер.

куда полнее?

размеры для #content ничего не меняют

перепробовал все что только знаю, искал в сети....решения нет

Повторю вопрос:

Задал расположение картинок при помощи float

html Код

<div id="content">
<a href="#"><img src="img/1.jpeg" class="img"/>
<a href="#"><img src="img/2.jpeg" class="img"/>
<a href="#"><img src="img/3.jpeg" class="img"/>
<a href="#"><img src="img/7rm.jpeg" class="rek"/>
<a href="#"><img src="img/4.jpeg" class="imgd"/>
<a href="#"><img src="img/5.jpeg" class="imgd"/>
<a href="#"><img src="img/6.jpeg" class="imgd"/>
</div>

css Код

.img {
	float: left;
}.rek {
	float: right;
}
.imgd {
	float: left;
}

Все отлично расположилось, но при прокрутке колесика мышки с нажатым ctrl в сторону уменьшения изображения картинка class="rek" съезжает вниз (в браузере FireFox Mozila, в IE все норм)

я так понимаю нужно её задать что то типа фиксированного расположения (пробовал - не получается).