Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)
-   -   Верстание дивами (http://www.flasher.ru/forum/showthread.php?t=153210)

Slayer333 30.03.2011 12:38

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

goodguy 30.03.2011 12:46

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

Slayer333 30.03.2011 13:19

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

Zebestov 30.03.2011 15:09

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

Slayer333 30.03.2011 16:37

Ситуация следующая, есть страница с блочной вёрсткой! Два по бокам и центральный! В центральном вставлен 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>

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


Часовой пояс GMT +4, время: 23:04.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.