Показать сообщение отдельно
  #1 (permalink)  
Старый 09.01.2013, 20:13
Профессор
Отправить личное сообщение для PashPP Посмотреть профиль Найти все сообщения от PashPP
 
Регистрация: 26.07.2012
Сообщений: 281

Уменьшать размер элемента, если не помещаются на одном уровне
Возможно ли без яваскрипта сделать чтоб, один див рядом с другим сжимался, если их общий контейнер уменьшил размеры?
<head>
<style>
#first {
width: 150px;
height: 200px;
float: left;
background-color: green;
}
#second {
width: 100px;
height: 200px;
float: right;
background-color: red;
}
</style>
</head>
<body>
<div style="width: 300px; height: 300px; background-color: silver; margin-bottom: 10px">
    <div id="first">1</div>
    <div id="second">2</div>
</div>

<div style="width: 200px;  height: 300px; background-color: silver;">
    <div id="first">1</div>
    <div id="second">2</div>
</div>
</body>

Последний раз редактировалось PashPP, 09.01.2013 в 20:17.
Ответить с цитированием