Верстание дивами

Slayer333 · [+2 06.05.08]

Сделал первый раз страничку на div-ах, возникает вопрос куда обычно загружают ссылки в страничках на div?

goodguy · 30.03.2011, 12:46

Туда же куда и в страницах не на div

Slayer333 · [+2 06.05.08]

))))В страницах не на div,во фрейм, но нужно что бы фрейм растягивался по содержимому, я не появлялись полосы прокрутки, я так понимаю это невозможно

Zebestov · 30.03.2011, 15:09

Опиши подробней задачу, бо в этой куче слов ничего не разобрать.

Slayer333 · [+2 06.05.08]

Ситуация следующая, есть страница с блочной вёрсткой! Два по бокам и центральный! В центральном вставлен iframe в который должны загружаться ссылки, как сделать так что бы по ширине iframe всегда занимал весь центральной блок, и при загрузке контента, высота iframe менялась, в зависимости от загружаемой странички

zhoran · 30.03.2011, 16:53

по высоте не скажу, а по ширине

Код:

<iframe src="http://www.ya.ru" width="100%"> iframe here!</iframe>

Zebestov · 30.03.2011, 16:55

Могу ошибаться, но этот как раз тот случай, когда table с шириной 100% — самое оно! =) два блока с фиксированной шириной и центральный блок, который содержит iframe с шириной 100%.
Если все же хочется сделать все div-ами, то придется(?) прибегать к javascript. А это ставит под удар гарантию корректной верстки документа.
Одно дело доп. фичи сайта вешать на скрипты. Другое — просто игнорировать пользователей с откл. javascript (есть и такие враианты). Но в самом общем случае верстать скриптами — не по феншую.

Добавлено через 1 час 30 минут
Вот тебе по поводу ширины:

Код:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
	padding: 0;
	margin: 0;
}
#left, #right {
	float: left;
	background-color: #060;
	width: 200px;
	height: 200px;
}
#ifr-container {
	float: left;
	width: 400px;
	height: 200px;
}
</style>

<script type="text/javascript">
function iframeResize() {
	var ifrCont = document.getElementById('ifr-container');
	if ("\v" == "v") {
		ifrCont.style.width = document.documentElement.clientWidth - 400;
	} else {
		ifrCont.style.width = (document.width - 400) + 'px';
	}
}
</script>
</head>

<body onresize="iframeResize()">
<div id="left"></div>
<div id="ifr-container"><iframe id="ifr" width="100%" height="100%" src="http://www.bellinsky.com" frameborder="0" onload="iframeResize()"></iframe></div>
<div id="right"></div>
</body>
</html>

А по поводу высоты я нашел вот это, но оно у меня нифига не работает.
Если так и не получится снаружи фрейм по высоте ровнять по контенту — делай это изнутри самого "контента", если он твой.