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

» WAP Мастер Форум https://forum.wapinet.ru/index.php
» HTML/xHTML/WML https://forum.wapinet.ru/viewforum.php?id=4
» Отображение блока в блоке в IE8 https://forum.wapinet.ru/viewtopic.php?id=1406

DarkRiDDeR » 2011.05.13 17:03

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

Gemorroj » 2011.05.13 17:50

по картинке ничего не понятно

TLENS » 2011.05.13 19:48

Я тоже ничего не увидел в скриншоте мож тебе поможет css top, left, bottom и right но и position

DarkRiDDeR » 2011.05.14 12:31

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

Код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<!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, то всё норм.

DarkRiDDeR » 2011.05.16 15:45

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

Gemorroj » 2011.05.16 16:11

Открыл код в IE 8 и Opera 11.50 - выглядит примерно одинаково.

DarkRiDDeR » 2011.05.16 16:34

"выглядит примерно одинаково", это как?

Gemorroj » 2011.05.16 16:41

скриншоты

DarkRiDDeR » 2011.05.16 16:59

Ты ещё по краям фоновое изображение не установил

Gemorroj » 2011.05.16 17:33

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

DarkRiDDeR » 2011.05.17 12:22

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