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

HTML+CSS+JavaScript

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

 

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

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

тема: дивы слева, дивы справа
 
 автор: SHAman   (27.01.2007 в 21:04)   письмо автору
 
 

Люди, помогите, уже полдня бъюсь с простой задачкой! Вот заклинило меня и не могу решить! Все просто: есть два дива. Левый фиксированный, правый - на оставшееся место тянется.

Код такой:

<div style="width: 200px;">
...........
</div>
<div>
...........
</div>

Не хотелось бы трогать порядок этих дивов. Т.е. фиксированный должен идти первым в коде. Подскажите?

   
 
 автор: ddhvvn   (27.01.2007 в 21:34)   письмо автору
 
   для: SHAman   (27.01.2007 в 21:04)
 

У меня такой вариант...

<div style="width: 100%">

<div style="width: 200px;">
...
</div>
<div style="position: absolute; left: 200px; right: 0px">
...
</div>

</div>

   
 
 автор: quiosque   (28.01.2007 в 11:41)   письмо автору
 
   для: ddhvvn   (27.01.2007 в 21:34)
 

ну или такой :)



                    <div style="width:auto">
                       <div style="width:200x; float: left">
                          left column
                       </div>
                       <div style=" margin-left: 200px">
                          right column
                       </div>
                    </div>

   
 
 автор: Lelik   (28.01.2007 в 13:01)   письмо автору
 
   для: quiosque   (28.01.2007 в 11:41)
 


<div style="width:auto; float:left;">
                       <div style="width:200x; float: left">
                          left column
                       </div>
                       <div style=" float: left;">
                          right column
                       </div>
                    </div> 

   
 
 автор: AlexSol   (27.01.2007 в 21:35)   письмо автору
 
   для: SHAman   (27.01.2007 в 21:04)
 


<div style="width: 200px; border:1px solid red; float:left;"> 
........... 
</div> 
<div style="display: table; _height: 0; zoom: 1;"> 
...........  ...........  ...........  ...........  ...........  ...........  ...........  ...........  
...........  ...........  ...........  ...........  ...........  ...........  ...........  ........... 
 ...........  ...........  ...........  ...........  ...........  ...........  ...........  ...........  
...........  ...........  ...........  ...........  ...........  ...........  ...........  ...........  
...........  ...........  ...........  ...........  ...........  ...........
</div> 

прочел об этом здесь, но на практике пока не использовал - мне проже фиксированный в основной вложить.
+http://www.dynamicdrive.com/style/layouts/category/C13/

   
 
 автор: SHAman   (28.01.2007 в 12:56)   письмо автору
 
   для: AlexSol   (27.01.2007 в 21:35)
 

Спасибо всем. Попробую - доложу о результате : )

   
 
 автор: SHAman   (29.01.2007 в 11:38)   письмо автору
 
   для: SHAman   (28.01.2007 в 12:56)
 

Спасибо за решение. Все проще, чем я думал. Не стоило циклиться на отрицательных полях... вот что значит - заработался. Результат получил отличный.

AlexSol, большое спасибо за ссылки. Почитал - порадовался.

   
Rambler's Top100
вверх

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