VPF::проблема с дивами - Форум программистов

Ytkonos

Дата 25.10.2008, 02:05 (ссылка)

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

Загрузка ...

Шустрый

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

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

В ИЕ все нормально, но в Опере между дивами поялвяется отступ, когда в content помещаю текст или картинку.

Код


body{
   background-image: url("images/fon.jpg");
 margin: 0;
 color: #000;
   font-family: Verdana, Arial, sans-serif;
   font-size: 10pt;
   line-height: 15pt;
}
#main {
   padding: 0;
   margin: 0 auto;
   width: 750px;
 
}
.header {
   width: 750px;
   height: 196px;
   background:url("images/gl1.jpg") no-repeat;
}
.contact {
   width: 750px;
   height: 42px;
   background: url("images/s2_02.gif") no-repeat;
}
.content {
   text-align: justify;
   width: 750px;
   height: 762px;

   clear: both;
   background: url("images/gl3.jpg") no-repeat;

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

vopros.jpg 37,09 Kb

webster

Дата 25.10.2008, 08:34 (ссылка)

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

Загрузка ...

Опытный

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

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

Сначала стоило обнулить все отступы всех элементов, установленных в броузере по-умолчанию, тогда управляемость страницы будет более предсказуемой:

Код


* {
margin: 0px;
padding: 0px;
}

Ytkonos

Дата 25.10.2008, 19:02 (ссылка)

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

Загрузка ...

Шустрый

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

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

вроде разобрался с проблемой, применив position: absolute; и поиграв с margin-top и т.д.

bars80080

Дата 25.10.2008, 20:13 (ссылка)

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

Загрузка ...

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

Награды: 1

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

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

Цитата(Ytkonos @ 25.10.2008, 19:02

)

применив position: absolute; и поиграв с margin-top и т.д.

решил проблему кардинально smile

вырезал скверну и всё тут

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