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

HTML+CSS+JavaScript

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

 

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

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

тема: Сделать div "резиновым"
 
 автор: Mookapek   (11.09.2009 в 22:09)   письмо автору
 
 

Если тегу <div> не задать ширину, то он растянется на всю страницу, если задать ширину (например 100px), то в случае если в <div> находится допустим таблица шириной 200px, то она вылезет за пределы <div>. А как сделать так, чтобы в вышеописанном случае <div> растягивался по ширине более вытянутого объекта?

  Ответить  
 
 автор: Рома   (12.09.2009 в 01:12)   письмо автору
 
   для: Mookapek   (11.09.2009 в 22:09)
 

>если сделать в ведре дыру, из него будет выливаться вода. а как сделать, чтобы вода из дырявого ведра не выливалась?

вложить дырявое ведро в целое.

  Ответить  
 
 автор: Lelik   (12.09.2009 в 01:45)   письмо автору
 
   для: Mookapek   (11.09.2009 в 22:09)
 


<div style="float: left; min-width: 100px;"><spacer /></div>

  Ответить  
 
 автор: Akdmeh   (12.09.2009 в 10:39)   письмо автору
 
   для: Lelik   (12.09.2009 в 01:45)
 

Зачем тут float: left;(просто спрашиваю)?
И ещё: где этот пример будет работать, а где нет(чувство, что в ie6 с этим будут проблемы)

  Ответить  
 
 автор: serjinio   (12.09.2009 в 12:37)   письмо автору
 
   для: Akdmeh   (12.09.2009 в 10:39)
 

.xxx {
background: #993300;
width: 200px;
}

<div class="xxx">
<table width="100%" border="1">
<tr>
<td>dsdsdsdsdsdsd</td>
</tr>
<tr>
<td>ddddddddddddddddddddd</td>
</tr>
</table>
</div>

задавайте ширину не таблице а диву...

  Ответить  
 
 автор: Lelik   (12.09.2009 в 13:07)   письмо автору
 
   для: Akdmeh   (12.09.2009 в 10:39)
 

>Зачем тут float: left;(просто спрашиваю)?
float: left; он уберёт свойство дива тянуться на всю ширину блока который он занимает, правда это задаст обтекание блока, так что нижеидущему блоку надо бы задать clear: both

>И ещё: где этот пример будет работать, а где нет(чувство, что в ie6 с этим будут проблемы)\
везде будет работать, кста, в ИЕ float: left; наоборот помагает для правильного отображения верстки

но самым лучшим вариантом будет следующее:

<style>
.rezina {min-width: 100px; float: left;}
* html .rezina {width: 100px;}
</style>
<div class="rezina"><spacer /></div>
<div style="clear: both;"></div>

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

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