IFRAME глючит в IE

Fid · January 3, 2009

Проблема заключается в следующем. Есть два слоя, расположенных в горизонтальном порядке. Первый (меню), для которого задан float: left занимает примерно процентов 15 экрана и с ним всё в порядке, второй (там находится текст) находится справа от первого и занимает оставшуюся часть экрана. Причём стоит заметить, что левый слой представляет собой просто <div></div>, а правый <div><iframe></iframe></div>, то есть внутри правого дива находится iframe, содержимое которого меняется в зависимости от того, куда мы нажмём в левом меню.

Так вот. Вопрос банальный. В опере всё работает замечательно, а в IE почему-то правый слой вместе со всем содержимым съезжает вниз и находится ниже и правее левого слоя, а не прогсто правее как должно быть. Почему так?

</div>

</div>

CSS

#content {

background: #fbedff;

margin-left: 265px;

margin-bottom: 15px;

margin-right: 5px;

}

Scrum · January 3, 2009

все нормально работает

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
  <style type="text/css">
  /*<![CDATA[*/
html, body {
  height: 100%
}
#menu {
  float: left;
  width: 14%;
  height: 100%;
  border: 1px dotted #000;
}
#content {
background: #fbedff;
height: 100%;
margin-left: 15%;
border: 1px solid red;
}

  /*]]>*/
  </style>
</head>

<body>
	<div id="menu">
		<ul>
			<li><a href="#">menu 1</a></li>
			<li><a href="#">Lorem ipsum</a></li>
		</ul>
	</div>
	<div id="content">
		<iframe src="list/List/test.html" height="100%" width="100%"  scrolling="no" frameborder="no" name="text">Ваш браузер не поддерживает плавающие фреймы!</iframe>
	</div>
</body>

</html>

Fid · January 3, 2009

Всё отлично. Проблема решена. Теперь возникла другая проблема.

Как сделать так чтобы высота слоя content зависела от объёма загружаемого текста во фрейм?

В моём примере IFRAME занимает 100% от своего родительского элемента, то есть от дива с классом content. У самого класса content height=100%. Но появляются полосы прокрутки, а текст должен идти сплошным текстом.

Scrum · January 3, 2009

js в помощь. копать в сторону offsetHeight

Sign In

IFRAME глючит в IE

Question

Fid

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Scrum

Link to comment

Share on other sites

Fid

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information