X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Div верстка под IE
-Deadly-
-Deadly-
Topic Starter сообщение 17.6.2008, 22:58; Ответить: -Deadly-
Сообщение #1


Здравтвуйте, есть код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<style>
#main {
width: 100%;
}
.header {
width: 100%;
height: 50px;
background: #36f;
}
.footer {
width: 100%;
height: 50px;
clear: both;
background: #006;
}
#content-columns {
margin: 0 150px 0 150px;
}
.content {
width: 100%;
float: left;
background: #ccc;
border:solid 1px #009900;
}
.leftcolumn {
width: 140px;
float: left;
margin-left: -145px;
display: inline; /* решает проблему в IE */
position: relative;
background-color:#006600;
}
.rightcolumn {
width: 140px;
float: right;
margin-right: -145px;
display: inline; /* решает проблему в IE */
position: relative;
background-color:#006600;
}
</style>
</head>
<body>
<div id="main">
* <div class="header">
* * * Верхушка
* </div>
* <div id="content-columns">
* * * <div class="leftcolumn">
* * * * * Левая колонка
* * * </div>
* * * <div class="content">
* * * * * Центральная колонка<br>
* * * * * Центральная колонка<br>
* * * * * Центральная колонка<br>
* * * * * Центральная колонка<br>
* * * * * Центральная колонка<br>
* * * </div>
* * * <div class="rightcolumn">
* * * * *Правая колонка
* * * </div>
* </div>
* <div class="footer">
* * * Подвал
* </div>
</div>

</body>
</html>


Нужно что бы между левой/правой колонкой и центром был отступ в 5px, во всех браузерах норм, в IE6 отступа нет. В чем проблема? Как исправть?
Спасибо
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 18.6.2008, 10:15; Ответить: Exterior
Сообщение #2


-Deadly-, немного откорректировал, поубирал ненужные горизонтальные скролы и т.д.:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>

<style>
* {
margin: 0px;
padding: 0px;
}

#main { /*features*/ }

.header {
height: 50px;
background: #36f;
}

.footer {
height: 50px;
clear: both;
background: #006;
}

#content-columns {
width: 100%;
float: left;
margin-right: -145px;
}

.content {
margin-left: 145px;
margin-right: 145px;
background: #ccc;
border: solid 1px #009900;
}

.leftcolumn {
width: 140px;
height: 50px;
float: left;
background-color:#006600;
}

.rightcolumn {
width: 140px;
height: 50px;
float: right;
background-color: #006600;
}
</style>
</head>

<body>

<div id="main">

<div class="header">Верхушка</div>

<div id="content-columns">
<div class="leftcolumn">Левая колонка</div>

<div class="content">
Центральная колонка<br>
Центральная колонка<br>
Центральная колонка<br>
Центральная колонка<br>
Центральная колонка<br>
</div>

</div>

<div class="rightcolumn">Правая колонка</div>

<div class="footer">Подвал</div>

</div>

</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
-Deadly-
-Deadly-
Topic Starter сообщение 18.6.2008, 11:43; Ответить: -Deadly-
Сообщение #3


спасибо
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rostaman
rostaman
сообщение 27.1.2014, 21:13; Ответить: rostaman
Сообщение #4


Добрый день подскажите как выставить правильно блок и кнопки чтобы они не слазили в explorer. Движок вордпресс, просто была необходимость поставить соц кнопки в header и кнопки "Вход" и "Корзина" поставил как обычно а на експлорере слазят при этом пододвигают еще к тому же верхнее меню :-( подскажите плиз, в самое врестке нуб еще тот ... знаю какие то понятия, а как сделать валидной верстку к сожалению не знаю.
в файерфоксе
[attachment=40063:firefox.jpg]
в експлорере
[attachment=40064:explorer.jpg]
Заранее благодарен

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Жирные бурж ссылки под крипту
Размещаем статьи на популярных международных сайтах
 0 umexa 445 23.4.2024, 23:23
автор: umexa
Открытая тема (нет новых ответов) Жирные бурж ссылки под крипту
Размещаем статьи на популярных международных сайтах
 0 umexa 346 23.4.2024, 23:23
автор: umexa
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыSEO-продвижение USA, Europe, Asia под ключ | Dating, Gambling, Essay и 10+ ниш
 3 Needmylink1 1039 23.4.2024, 21:26
автор: Needmylink1
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
 21 Needmylink1 7182 23.4.2024, 21:16
автор: Needmylink1
Горячая тема (нет новых ответов) Ссылки за которые не стыдно! Качественный линк билдинг сервис под Бурж от Westrank. Честный прайс.
 63 DaoDog 47501 19.4.2024, 12:05
автор: Omaxis


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 25.4.2024, 12:43

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet