Все

DarkRiDDeR · 2011.05.13 17:03

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

Вложения

f.gif

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

Вложения

f.gif

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

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

Вложения

gf.gif

Gemorroj · 2011.05.16 17:33

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

WAP Мастер Форум

#1 2011.05.13 17:03

Отображение блока в блоке в IE8

#2 2011.05.13 17:50

Re: Отображение блока в блоке в IE8

#3 2011.05.13 19:48

Re: Отображение блока в блоке в IE8

#4 2011.05.14 12:31

Re: Отображение блока в блоке в IE8

Код:

#5 2011.05.16 15:45

Re: Отображение блока в блоке в IE8

#6 2011.05.16 16:11

Re: Отображение блока в блоке в IE8

#7 2011.05.16 16:34

Re: Отображение блока в блоке в IE8

#8 2011.05.16 16:41

Re: Отображение блока в блоке в IE8

#9 2011.05.16 16:59

Re: Отображение блока в блоке в IE8

#10 2011.05.16 17:33

Re: Отображение блока в блоке в IE8

Дополнительно