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

HTML+CSS+JavaScript

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

 

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

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

тема: Разместить по краям дива
 
 автор: sl1p   (06.10.2008 в 19:56)   письмо автору
 
 

<div>a b</div>

как правильно разместить в этом диве, a - слева, b - справа?

  Ответить  
 
 автор: cheops   (06.10.2008 в 20:16)   письмо автору
 
   для: sl1p   (06.10.2008 в 19:56)
 

Можно поступить следующим образом
<div><div style='float: left'>a</div> <div style='float: right'>b</div></div>

  Ответить  
 
 автор: sl1p   (06.10.2008 в 20:25)   письмо автору
 
   для: cheops   (06.10.2008 в 20:16)
 

эмм.. оно тогда ложится поверх нижнего элемента..

  Ответить  
 
 автор: Nytrogen   (06.10.2008 в 20:41)   письмо автору
 
   для: sl1p   (06.10.2008 в 20:25)
 

>> эмм.. оно тогда ложится поверх нижнего элемента..

где Вы такое увидели? если Вы имеете в виду, что родительский DIV не растягивается до высоты вложенных, то пропишите ему overflow: auto;

  Ответить  
 
 автор: sl1p   (06.10.2008 в 21:08)   письмо автору
 
   для: Nytrogen   (06.10.2008 в 20:41)
 


<div>
 <table>
 <tr><td>
   <div><div style='float:left'>a</div> <div style'float:right'>b</div></div>

   <div>c d</div>
 </td></tr>
 </table>
</div>

a b
ложится поверх
c d

  Ответить  
 
 автор: Nytrogen   (06.10.2008 в 21:14)   письмо автору
 
   для: sl1p   (06.10.2008 в 21:08)
 

Ничего никуда не ложится. Всё отлично работает во всех браузерах... Может у Вас там для td или для нижнего diva тоже какие-нибудь стили особенные?

  Ответить  
 
 автор: sl1p   (06.10.2008 в 21:29)   письмо автору
 
   для: Nytrogen   (06.10.2008 в 21:14)
 

#infommd{
border:1px solid #6d0000;
background:#426783;
position:absolute;
left:36%;
bottom:220px;
width:350px;
z-index:1;
overflow:hidden;
}

<div id="infommd">
  <table border="0" cellspacing="1" cellpadding="1" style="width:100%;white-space:nowrap;">
    <tr>
      <td>Кого</td>
      <td align="center"><input type="text" class="text" id='infommd_object' size="40" readonly></td>
    </tr>
    <tr>
      <td>Действия</td>
      <td align="center">
       <select>
      </select>
</td>
    </tr><tr><td colspan="2"><br>
      <div id="infommd_ban_time_d" style="display:none">
      <div style="float:left">Время</div>
      <div style="float:right"><select id="infommd_ban_time">
        </select></div>
        </div>
        <div id="infommd_reason_d" style="display:none">Причина
        <input type="text" class="text" id='infommd_reason' size="40">
        </div>      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
      <div id="infommd_submit_d"  style="display:none">
      <input id="infommd_submit" type="button" class="but" value="Выполнить">
      </div>
      </td>
    </tr>
  </table>
</div>

  Ответить  
 
 автор: cheops   (07.10.2008 в 04:34)   письмо автору
 
   для: sl1p   (06.10.2008 в 21:08)
 

У меня тоже не ложиться, но вообще говоря для внешнего div-контейнера можно задать высоту, чтобы вытеснить нижние контейнеры.

  Ответить  
 
 автор: sl1p   (07.10.2008 в 17:15)   письмо автору
 
   для: cheops   (07.10.2008 в 04:34)
 

ну я еси честно задолбался с ними и положил в отдельные таблицы :))

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

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