Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Проблема с <DIV>
 
 автор: Night   (09.06.2007 в 17:30)   письмо автору
 
 

Делаю разметку сайта на ДИФ. с данным тегом ознакомилась недавно, поэтому еще не все понимаю. Такая проблема - неправильное изображение в IE. В то время как Mozilla Firefox показывает все верно.Подскажите, пожалуста , в чем тут дело?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<link rel="stylesheet" href="test.css" type="text/css">
</head>
<body>
<div id="main" align="center">
    <div id="header"></div>
    <div id="menu"></div>
    <div id="content"></div>
    <div id="right_block"></div>
    <div id="footer"></div>
<div>
</body>
</html>



html{height:100%;}
body{margin: 0 auto; height:100%; background: black;}
#main{width: 800px; height:100%; background: silver; padding:0; margin: 0 auto;}
#header{height:10%; background: blue;}
#menu{float:left; width: 20%; height:80%; background: cyan;}
#content{float:left; width: 60%; height:80%; background: pink;}
#right_block{float:left; width: 20%; height:80%; background: green;}
#footer{position:absolute; bottom:0; height:10%; width:800px; background:red;}

   
 
 автор: ilyaILF   (10.06.2007 в 01:21)   письмо автору
 
   для: Night   (09.06.2007 в 17:30)
 

Добавьте для footer стили:
#footer{...clear: left; left: 50%; margin-left: -400px;}

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования