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

HTML+CSS+JavaScript

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

 

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

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

тема: Верстка на DIVах как выровнять блоки по общему нижнему краю?
 
 автор: Dinya_1   (04.04.2012 в 09:59)   письмо автору
25.9 Кб
 
 

Верстка на DIVах как выровнять блоки по общему нижнему краю, в не зависимости от количества контента в них?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
   <style>

.left_column
 {
   background-color:#FF6600;
   background-repeat:repeat-y;
   width:250px;
   float:left;
 }
  .c_column
 {
   background-color:#fff;
   width:598px;
   background-color:#0066FF;
   float:left;
  }
   .right_column
  {
   background-color:#CC0066;
   width:250px;
   float: left;
  }
   .footer
  {
   background-color: #006600;
   background-repeat:repeat-x;
   height:54px;
   clear:left;
  }
  .weht_main{ width:1100px;}

</style>

</head>

<body>
<center>
<!--Общий Див-->
 <div class='weht_main hed_menu '>
 <!--Левый блок-->
   <div class='left_column heig100'><p>Левый</p></div>
   <!--Средний блок-->
   <div class='c_column heig100 bord'>
    <p>Центр</p>
    <p>Центр </p>
    <p>Центр </p>
   </div> 
   <!--Правый блок-->
 <div class='right_column heig100'><p>Правый</p> <p>Правый</p><p>Правый</p><p>Правый</p><p>Правый</p></div>
 </div>
 <!--Футер-->
 <div class='footer weht_main '></div>

</div>
</center>
</body>
</html>


Ребят, Кто знает подскажите пожалуйста???

  Ответить  
 
 автор: Dinya_1   (04.04.2012 в 11:01)   письмо автору
 
   для: Dinya_1   (04.04.2012 в 09:59)
 

Кажется нашел ответ, нужно делать через CSS свойсвом #table {display: table;} и тд... :)))

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

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