VPF::Не работает margin-right в IE - Форум программистов

Eltimo

Дата 29.6.2008, 18:12 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 27.5.2008

Репутация: нет
Всего: нет

Див позиционируется абсолютно по центру , слева и справа блоки. Центральный блок должен тянутся по ширине , но нужны отступы слева и справа для блоков. Слева все нормально , но справа центральный блок залазит непонятно куда. Вот пример кода и скрин в ИЕ( в опере и фф все нормально)

Код


<div id="content"><p>Текст </p>
    
    <table border="1">
    <tr><td bgcolor="#FFCC99" width="30%">
    <p>Контакты</p></td><td><div id="contact2">Адрес:  <br />
    Телефон:  <br />
    E-mail: </div></td></tr></table>
    <div id="button"><input type="button" value="Забронировать номер" /></div> 
    </div>
    
<div id="header">HEADER</div>

<div id="main">
    <div id="leftmenu"><p>Текст </p>
            </div>
    <div id="rightmenu"><img src="pic1.jpg" width="200" height="260" /><img src="pic2.jpg" width="200" height="303" /></div>

Код


#leftmenu {
float:left;
width:240px;
margin:0;
}
#content {
    position:absolute;
    top:105px;
    margin-left:243px;
    margin-right:243px;
    padding:10px;    
}

#rightmenu {
float:right;
width:240px;
}

Присоединённый файл ( Кол-во скачиваний: 6 )

ie.jpg 86,64 Kb

webster

Дата 29.6.2008, 19:21 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Вот эти значения отступов:

Код


    margin-left:243px;
    margin-right:243px;

у вас "увеличивают" размеры контейнера #content(а точнее плюсуются к 100%-ной ширине этого контейнера). Одна из возможностей избежать подобного в IE - использовать padding:

Код


padding: 0px 253px;

Это сообщение отредактировал(а) webster - 29.6.2008, 19:22

Eltimo

Дата 29.6.2008, 20:37 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 27.5.2008

Репутация: нет
Всего: нет

В таком случае в опере и фф получаются пробелы в половину экрана

webster

Дата 29.6.2008, 21:00 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Во-первых, можно использовать хаки для IE, а во вторых, можно сделать ваш макет по шаблону

Eltimo

Дата 29.6.2008, 23:56 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 27.5.2008

Репутация: нет
Всего: нет

Спасибо

Привел все к более менее рабочему виду. Хаков правда не нашел(

bars80080

Дата 30.6.2008, 09:15 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

простейший хак для ИЕ:
* html ...

Код


p { padding: 5px; } /* действует для всех */
* html p { padding: 10px; } /* действует только для ИЕ */

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »