<html>
<head>
<title>Lifestyle</title>
<style type="text/css" media="all">
body, html {height:100%; width:100%; margin:0px; padding:0px}
a{text-decoration:none;}
</style>
<script>
var potkat1_visible=false;
function show_potkat1(){
if (potkat1_visible==false){
document.getElementById('potkat1').style.display='inline-block'; potkat1_visible=true;
} else {document.getElementById('potkat1').style.display='none'; potkat1_visible=false;}
}
function hide_potkat1(){
document.getElementById('potkat1').style.display='none'; potkat1_visible=false;
}
</script>
</head>
<body>
<!-- Таблица главная !-->
<table align="left" width="90%" border="0" cellspacing="20" style="position:relative; top:140px; left:10%;">
<td width="15%" class="faq_text" style="white-space:nowrap; vertical-align:top;">
<div class="lifestyle_text">
22.12.2008<br>
История создания.
</div>
</td>
<td>
<div style="position:relative; left:0%;">
<a name="news1"></a><div class="lifestyle_title" onClick="show_potkat1();" style="cursor:pointer;">Комната в коммунальной квартире, все поправимо.</div>
<br><div class="lifestyle_text" style="width:70%;">
Многие думают, что препятствием для дизайна помещения может явиться размер самого помещения: будь-то высота потолков или стен, площадь комнаты или бабушкин шкаф во всю комнату. Нет, препятствие в стереотипах.
Вот для примера дизайн небольшой комнаты в коммунальной квартире площадью 15 квадратных метров, из которой заказчик пожелал сделать комфортабельную квартиру с гостиной, спальней и кухней. Ну что ж, поехали!
Работа началось, естественно, с определения планировки. Нашей главной целью явилось совмещение максимальной функциональности и удобства на минимальной площади.
</div>
<div onClick="show_potkat1();" style="position:absolute; left:-12%; cursor:pointer;">Открыть</div>
<div class="faq_text" id="potkat1" style="display:none; width:70%;">
<br><img src="lifestyle/kommunalka/kroom1.gif"><br><br>
Основной идеей перепланировки явилось разделение комнаты на 3 зоны:
спальная зона (или зона отдыха), кухонная зона, входная зона.
С этой целью комната делится перегородкой, которая одновременно играет роль TV-тумбы с поворотным механизмом.
Она собой представляет каркас с хромированными вставками, в котором находится вращающаяся плазменная панель и светодиодные светильники, которые в программном режиме могут менять свой цвет. При переходе из одной зоны в другую легким движением или с помощью пульта дистанционного управления можно разворачивать телевизор нужным вам образом, а также включать/выключать подсветку панелей. Не правда ли удобно, а самое главное – функционально.
<br><br><img src="lifestyle/kommunalka/kroom2.gif"><br><br>
Подбор мебели осуществлялся по формуле: минимум пространства, максимум функциональности. Поэтому подъёмная кровать - трансформер отлично вписалась в интерьер. Бескаркасные кресла-пуфики являются незаменимой и неотъемлемой частью как акцентирующие элементы. К тому же их можно без особого труда перемещать по всей комнате. Для кухни был разработан эксклюзивный стол - трансформер, встраиваемый в стенку.
<br><br><img src="lifestyle/kommunalka/kroom3.gif"><br><br>
Разберем теперь, что собой представляет потолок. Над кухонной и входной частью потолок был оставлен без изменения, разве что были добавлены пара светильников. А вот в зоне отдыха потолок претерпел значительные изменения. Конечно же не хотелось сжимать пространство свисающими люстрами, светильниками и. т.п., поэтому предпочтение было отдано закарнизному освещению и натяжному потолку “звездное небо”.
<br><br><img src="lifestyle/kommunalka/kroom4.gif"><br><br>
Результат - современная, удобная комната, которая, по желанию хозяина, может превращаться в спальню, гостиную и кухню, и в которую не стыдно пригласить гостей :)
<br><br><img src="lifestyle/kommunalka/kroom5.jpg"><br><br>
<img src="lifestyle/close1.gif" onClick="hide_potkat1();" style="position:absolute; left:-12%; cursor:pointer;">
</div>
</div>
</td>
</tr>
</table>
<div class="podvalfon" style="position:relative; top:180px; left:0%; border: none; width: 100%; height: 54px; display:inline-block;">
<div class="info_text" align="left" style="color:#FFFFFF; position:absolute; top:0px; left:2.5%;">
Санкт-Петербург, пр. Пискаревский, д.63<br>
+7 (812) 309-25-92 <br>
<a href="mailto:info@comfart.ru?subject=Письмо" title="Письмо с сайта" class="mail" style="border-bottom:solid 1px; text-decoration:none; cursor:pointer;"><div style="border-bottom:solid 1px; width:80px;">info@comfart.ru</div></a>
</div>
</div>
</body>
</html>
Почему-то неправильно позиционируется последний див(адрес и телефон), по идее он должен быть отсчитан от таблицы вниз, но он смещается вправо. Из-за этого не получается правильно раскрыть блок. В чем может быть проблема? Firefox воспринимает все правильно, но с ie возникает этот трабл.