Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.01.2009, 13:09
Аспирант
Отправить личное сообщение для AlexMak Посмотреть профиль Найти все сообщения от AlexMak
 
Регистрация: 13.10.2008
Сообщений: 67

Неправильно расчитывается position:relative IE6.0
<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 возникает этот трабл.

Последний раз редактировалось AlexMak, 14.01.2009 в 14:15.
Ответить с цитированием
  #2 (permalink)  
Старый 14.01.2009, 15:59
Аспирант
Отправить личное сообщение для AlexMak Посмотреть профиль Найти все сообщения от AlexMak
 
Регистрация: 13.10.2008
Сообщений: 67

Решение нашел. Тему можно закрыть.
Ответить с цитированием
  #3 (permalink)  
Старый 14.05.2010, 09:39
Новичок на форуме
Отправить личное сообщение для SILVERSPEED Посмотреть профиль Найти все сообщения от SILVERSPEED
 
Регистрация: 18.04.2010
Сообщений: 5

опубликуй решение!
Ответить с цитированием
Ответ



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

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