Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 17.09.2011, 16:17   #1
ViktorQQQ
Пользователь
 
Регистрация: 17.09.2011
Сообщений: 10
По умолчанию Ширина <div>

Доброе время суток....
Подскажите, пожалуйста в чём может быть причина разной ширины тэга <div> в браузерах IE и Firefox
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=IE8"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href="css/index_css.css" type="text/css" rel="stylesheet"/>
<title>ART-GALARRY</title>
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="image1"></div>
<div id="image2"></div>
<div id="menu"></div>
<div id="footer"></div>
</div>

</body>
</html>


CSS

body
{
margin: 0;
padding: 0;
}
body
{
height:auto !important;
height:100%;
min-height:100%;
}
#wrapper{
width: 100%;
outline: 1px solid #cccccc;
padding: 0px 0px 0px 0px;
margin: 0 auto;
}
#header{
height: 100px;
background-color: black;
margin-bottom: 12px;
}
#image1{
height: 100px;
background-color: blue;
margin-bottom: 12px;
width: 300px;
float: left;
}
#image2{
height: 100px;
background-color: blue;
margin-bottom: 12px;
width: 300px;
float: right;
}
#menu{
height: 100px;
background-color: green;
margin: 0 10px 12px 10px;
width:500px;
}
#footer{
height: 100px;
background-color: black;
margin-bottom: 12px;
}
Изображения
Тип файла: jpg Firefox.jpg (102.8 Кб, 133 просмотров)
Тип файла: jpg IE.jpg (85.0 Кб, 125 просмотров)

Последний раз редактировалось ViktorQQQ; 17.09.2011 в 16:21.
ViktorQQQ вне форума Ответить с цитированием
Старый 18.09.2011, 04:03   #2
Lesha
Форумчанин
 
Аватар для Lesha
 
Регистрация: 30.01.2009
Сообщений: 418
По умолчанию

думаю смотреть на голые блоки смысла не имеет, я уверен когда там будет контент видимые различия уже станут незаметными.
Lesha вне форума Ответить с цитированием
Старый 18.09.2011, 04:49   #3
Alexei91
Заблокирован
Форумчанин
 
Аватар для Alexei91
 
Регистрация: 30.12.2009
Сообщений: 544
По умолчанию

Про IE с margin почитай это и вот это.

Также процентные height/width проверь.
Темы для WordPress. Русские WordPress шаблоны
Alexei91 вне форума Ответить с цитированием
Старый 18.09.2011, 18:55   #4
kettanaito
Веб-дизайнер
Форумчанин
 
Аватар для kettanaito
 
Регистрация: 11.08.2011
Сообщений: 305
По умолчанию

А еще лучше вообще не ориентируй страницу под IE.
Личное мое мнение.
kettanaito вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ширина div элемента Maycal HTML и CSS 3 09.03.2011 11:46
Ширина DIV при подгрузки html 1ord JavaScript, Ajax 5 13.02.2011 22:42
div тег как нижний слой для второго div тега dadli HTML и CSS 2 30.07.2010 01:12
Высота div-a в котором есть другой div Antoha HTML и CSS 2 07.08.2009 18:16
Позиционирование двух плавающих DIV внутри одного DIV allocator HTML и CSS 5 22.07.2009 13:48