WAP Мастер Форум / HTML/xHTML/WML / Отображение блока в блоке в IE8

#1. DarkRiDDeR Off (4)
Участник
2011.05.13 17:05

Короче есть div в div`e. Для каждого по кроям фоновое изображение. Но в IE вложенный блок начинается как бы с новой строки, не зависимо от margin:0;padding:0. И выходит вон что(смотреть скриншот). Что делать???

Вложения
f.gif 3kb {222x74} [загрузок: 977]

#4. DarkRiDDeR Off (4)
Участник
2011.05.14 12:12

Урезанная версия странички:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>

<style>

.osnow{background-image:url(gf.gif);background-repeat:repeat-y;background-position:left;text-align:left;padding:0;margin:0;width:40%;background-color:#DEF}

.osnow2{background-image:url(gf.gif);background-repeat:repeat-y;background-position:right;padding:0;margin:0}

.osnow3{text-align:left;color:#006;padding:1%;margin:0 30px 0 30px}

.osnow{float:left}

</style>

</head><body>

<h4>/ <a href="/">Главная</a> / <a href="/bibl/">Библиотека</a> / </h4>

</div>

</body></html>

А в IE вон оно как(смотрим скриншот). И главно, если убрать, что плавующий элемент, или убрать <h4>, или вид документа просто изменить на HTML, то всё норм.

Вложения
f.gif 1kb {517x67} [загрузок: 947]

#5. DarkRiDDeR Off (4)
Участник
2011.05.16 15:03

Вот поганый IE, задал задачку. Пофиг, пусть перед <h4> будет лишняя строка, тогда отступ будет больше, но хоть уж намного лучше будет, чем оборваный фон какой-то.

#10. Gemorroj Off (107)
Administrator
2011.05.16 17:05

к классу osnow2 добавь display: inline-block; width: 100%;
не уверен насчет грамотности такого решения, но результат в опере и IE 8 теперь одинаковый.

#11. DarkRiDDeR Off (4)
Участник
2011.05.17 12:12

Gemorroj, спасибо, всё работает, твоё решение грамотно. Только, блин, до IE7 включительно не будет работать, а так норм. Правда фиг с ним, пусть у кого он ещё стоит, обновляют.