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

HTML+CSS+JavaScript

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

 

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

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

тема: float-ы
 
 автор: Alph[p]a   (14.02.2012 в 15:11)   письмо автору
 
 

имею код

<div style="height:339px;width:906px;">
                
                <div id="one" style="float:left;width:480px;height:339px;border:1px solid black;">
                    <p>text</p>
                </div>

            <div id="two" style="float:right;background-color:red;height:339px;">
            <p>text</p>
            </div>
    </div>    


между one и two образуется пустое место, как сделать чтобы two занимал всё оставшееся место без указания конкретного значения..
а то приходится постоянно фиксировать постоянные значение через js код, что за верска...
2. И как в two выровнять текст по вертикали и горизонтали?

  Ответить  
 
 автор: cheops   (14.02.2012 в 16:30)   письмо автору
 
   для: Alph[p]a   (14.02.2012 в 15:11)
 

Тут ничего не поделаешь, нужно либо фиксировано указывать размеры, либо вычислять при помощи JavaScript. Собственно ширина второго блока довольно просто вычисляется из ширины двух других блоков.

  Ответить  
 
 автор: Lelik   (14.02.2012 в 16:41)   письмо автору
 
   для: Alph[p]a   (14.02.2012 в 15:11)
 

для того, чтобы не было пустого места надо немного изменить стили

<div style="height:339px;width:906px;">
            <div id="one" style="float:left;width:480px;height:339px;margin-right: -100%background:green;">
                   <p>text</p>
             </div>

            <div id="two" style="margin-left: 480px; background: orange;">
            <p>text</p>
            </div>
    </div> 

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

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