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

HTML+CSS+JavaScript

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

 

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

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

тема: Про позиционирование
 
 автор: sp10   (04.11.2008 в 21:26)   письмо автору
 
 

Здраствуйте.

Есть такая структура:

<div class='main'>
  <div class='text1'></div>
  <div class='text2'></div>
</div>

.main { position:relative; height:auto; width:300px; }
.text1 { position:relative;  width:144px;   }
.text2 { position:relative;  width:144px;  margin-left:169px;    }

Можно ли сделать так чтобы,
1)блоки с текстами распологались горизонтально рядом
AND
2) высота основного <div> (тот, что с class='main') определялась по высоте наивысшего div (тех, что с class='text#') ?

Можно, конечно, установить в position:absolute внутренние <div>, но тогда выполняется первое условие, но не второе.

Если у кого есть некое предположение выскажитесь, пожалуйста.

  Ответить  
 
 автор: sp10   (04.11.2008 в 22:01)   письмо автору
 
   для: sp10   (04.11.2008 в 21:26)
 

Решение найдено. Напишу, может кому понадобится.
<div class='main'>
  <div class='text1'></div>
  <div class='text2'></div>
   <div class="footer"></div>
</div>

.main { position:relative; height:auto; width:300px; }
.text1 { float: left;  width:144px;   }
.text2 { float: right;  width:144px;  }
.footer {  clear: both; }

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

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