Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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>
Ответить с цитированием
  #2 (permalink)  
Старый 11.09.2010, 17:45
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

div#CutDiv {position: relative}
div#content{position: absolute}
Ответить с цитированием
  #3 (permalink)  
Старый 11.09.2010, 18:05
Интересующийся
Отправить личное сообщение для digitalbrain Посмотреть профиль Найти все сообщения от digitalbrain
 
Регистрация: 28.07.2010
Сообщений: 21

Сообщение от subzey Посмотреть сообщение
div#CutDiv {position: relative}
div#content{position: absolute}
Ой, так неожиданно быстро ) Спасибо большое! и так блин всегда- наступил на те же грабли - чего то мне думается что если не указывать свойство к примеру position то по умолчанию он и так будет relative..
Респект те)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с Popup окном vovuslik jQuery 5 12.06.2010 16:12
Проблема с дизайном после отправки xmlhttprequest, Проблема с дизайном после отправки cyberx AJAX и COMET 3 01.05.2010 17:07
Проблема, в менюшке Большой джо Элементы интерфейса 0 12.07.2009 17:12
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47
проблема с элементами массива Krinart Общие вопросы Javascript 3 05.09.2008 21:06