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

HTML+CSS+JavaScript

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

 

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

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

тема: Позиционирование DIV-ов
 
 автор: aleksej_sumarok   (21.03.2009 в 15:46)   письмо автору
 
 

Подскажите как можно сделать при добавлении в красную область текст, что бы этот слой был сверху жёлтого и жёлтый слой растягивался за красным. Как показано на рисунке.

http://shelkunchik.lv/div.jpg


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>DIV</title>
<style type="text/css">
#left {
    width: 100px;
    height: 200px;
    float: left;
    background-color: orange;
}
#content {
    background-color: red;
    width: 600px;
    height: 200px;
    float: left;
}
#right {
    width: 100px;
    height: 200px;
    float: left;
    background-color: orange;
}
#down {
    width: 800px;
    height: 100px;    
    background-color: yellow;
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="left"></div>
<div id="content"></div>
<div id="right"></div>
<div style="clear: both;"></div>

<div id="down"></div>

</body>
</html>

  Ответить  
Rambler's Top100
вверх

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