Форум Сайтостроение Веб-строительство

Нужна помощь с IE (float:left)

W
На сайте с 07.06.2010
Offline
67
websat
1640

Добрый день, есть код:

<div style="width:"50%"; float:left;"><img src="..." /></div>

<div style="width:"50%"; float:left;"><img src="..." /></div>

<div style="width:"50%"; float:left;"><img src="..." /></div>

<div style="width:"50%"; float:left;"><img src="..." /></div>

вывод блоков 2х2 (2 столбика и 2 ряда)

в Firefox - все отлично, а в IE все одним столбиком.

Помогите пожалуйста с IE!

VID01
На сайте с 29.01.2010
Offline
84
VID01
#1

Так работает, кавычки лишними были..

<div style="width:50%; float:left;"><img src="..." /></div>

<div style="width:50%; float:left;"><img src="..." /></div>

<div style="width:50%; float:left;"><img src="..." /></div>

<div style="width:50%; float:left;"><img src="..." /></div>

[Удален]
#2

а не правильно ли сделать со вложенными дивами?

<div>

<div style="width:50%; float:left;"><img src="..." /></div>

<div style="width:50%; float:left;"><img src="..." /></div>

</div>

<div>

<div style="width:50%; float:left;"><img src="..." /></div>

<div style="width:50%; float:left;"><img src="..." /></div>

</div>

вопрос знатокам?

Venom_w
На сайте с 14.06.2006
Offline
64
Venom_w
#3

<div>

<div style="width:50%; float:left;"><img src="..." /></div>

<div style="width:50%; float:right;"><img src="..." /></div>

</div>

обычно делают так

and2005
На сайте с 21.05.2005
Offline
179
and2005
#4

Попробуйте

<div style="width:"50%"; float:left;"><img src="..." /></div>

<div style="width:"49%"; float:left;"><img src="..." /></div>

и дальше уменьшайте, пока не влезет.

[Удален]
#5
and2005:
и дальше уменьшайте, пока не влезет.

ядумаю что при условии нулевых padding, margin, бордюров - тут ничего не надо уменьшать

<div style="width:100%">

<div style="width:50%; float:left;"><img src="..." /></div>

<div style="width:50%; float:left;"><img src="..." /></div>

</div>

W
На сайте с 07.06.2010
Offline
67
websat
#6
Stello:
ядумаю что при условии нулевых padding, margin, бордюров - тут ничего не надо уменьшать

<div style="width:100%">
<div style="width:50%; float:left;"><img src="..." /></div>
<div style="width:50%; float:left;"><img src="..." /></div>
</div>

Сработал Ваш вариант, но если ставить <div style="width:101%">

Огромное спасибо вам и всем за помощь! :)

A
На сайте с 21.08.2007
Offline
31
arodger
#7

ИЕ неправильно (в большую сторону) округляет при перерасчете из процентов в пикселы, отсюда и баг

Магазин аккаунтов с балансом Litres,DNS,Ozon,Rotapost и еще 50+ других сервисов тут - vk.cc/7QK0Sk
[Удален]
#8
websat:
Сработал Ваш вариант, но если ставить <div style="width:101%">

я думаю если

websat:
при условии нулевых padding, margin, бордюров

то будет работать и при 100%

101 лично мне мозолит глаза, и внизу прокрутка должна появится - что не есть хоршо

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий