Показать сообщение отдельно
  #1 (permalink)  
Старый 11.09.2010, 17:23
Интересующийся
Отправить личное сообщение для digitalbrain Посмотреть профиль Найти все сообщения от digitalbrain
 
Регистрация: 28.07.2010
Сообщений: 21

Проблема с "резиновыми" элементами...
Здавствуйте! Задавал этот вопрос на другом форуме - но идея никого так и не посетила там как решить это...Надеюсь может хоть тут удастся)
Ну в общем набросал код-как сделать чтоб #CutDiv мог уменьшатся вплоть до 1пикселя по ширине? Ему мешает это сделать его дочерний див=( а не должен...если #content поставить position: absolute; то он не мешает изменению размеров родителя - но вылазит за его пределы не скрываясь=( т.е на overflow: hidden; ему пофигу....

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
table#Table1{
width:90%;
height:50px;
margin: 0px auto;
border: 1px solid #000000;
background-color: #33FF33;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
table#Table1>td{
height:100%;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
td.LeftRight div{
width:50px;
height:50px;
background-color: #99FF00;
}
td.Center{
width:100%;
}
div#CutDiv{
width:100%;
height:50px;
background-color: #FF3333;
border: 1px solid #000000;
overflow: hidden;
}
div#content{
width:800px;
height:25px;
background-color: #3366CC;
}
div#content span{
color: #FFFFCC;
font-size: 12px;
}
</style>
</head>

<body>
<table id="Table1">
<tr>
<td class="LeftRight"><div></div></td>
<td class="Center">
<div id="CutDiv">
<div id="content"><span>я какойто контент-я не должен мешать родителю менять свои размеры вплоть до 1 пикс, я должен обрезатся при изменении размеров моего родителя</span></div>
</div>
</td>
<td class="LeftRight"><div></div></td>
</tr>
</table>
</body>
</html>
Ответить с цитированием