Форум Сайтостроение Веб-строительство

DIV - вопросы по верстке

123 4
[Удален]
#11
СКОРПИОН:
Скорее наоборот, если включить абсолютное позиционирование, z-индексы и float, то любую визуализацию реализовать можно. А если ещё местами немного java-скрипта с умом добавить, то такое получается!

Ключевик выделил :)

(если без ума делать то никакой скрипт не поможет)

Statek
На сайте с 09.05.2006
Offline
11
Statek
#12

Можете посмотреть этот пример верстки в 3 колонки.

Косів, Гуцульщина та Карпати (http://www.KosivArt.com/), Kosiv-Art photos (http://www.flickr.com/photos/kosiv-art/)
iexpert
На сайте с 01.09.2005
Offline
184
iexpert
#13 

<html>



<head>

<style>



BODY {

	MARGIN: 0px;

	PADDING: 0px;



}

	

.d1 {

	BORDER: 1px solid #000000;

	HEIGHT: 100px; 	

}



.d2 {

	BORDER: 1px solid #FF0000;

	WIDTH: 200px;

	FLOAT: left; 	

	HEIGHT: expression(document.all.d3.offsetHeight);

}



.d3 {

	BORDER: 1px solid #00FF00;

	HEIGHT: 100%;

	FLOAT: left;

	WIDTH: expression(document.body.clientWidth - document.all.d2.offsetWidth - document.all.d4.offsetWidth);

}



.d4 {

	BORDER: 1px solid #0000FF;

	WIDTH: 200px;

	FLOAT: right; 	

	HEIGHT: expression(document.all.d3.offsetHeight);

}



.d5 {

	BORDER: 1px solid #000000;

	HEIGHT: 100px;

	CLEAR: both; 	

}



</style>



<body>



	<div class="d1"></div>

	<div class="d2" id="d2"></div>

	<div class="d3" id="d3"></div>

	<div class="d4" id="d4"></div>

	<div class="d5"></div>



</body>

</html>

Но я бы это заверстал таблицей.

P.S. это не готовое решение, так, накидал за пару минут, так что могут быть подводные камни.

Бойтесь ваших желаний, ибо они могут исполниться
Sadie
На сайте с 11.04.2005
Offline
64
Sadie
#14
iexpert:
HEIGHT: expression(document.all.d3.offsetHeight);

Все целиком, в том виде, в котором оно висит - да. :)

Но вот процитированная строка заслуживает пристального внимания... ;)

(я же хочу, чтобы блоки начинались на разной высоте - оставить место под большой логотип)

Новости без комплексов (http://www.kompleksov.net/) | ЖЖ (http://sad-sadie.livejournal.com/)
Размер блоков на сайте Не до конца отрабатывают Упал доход
iexpert
На сайте с 01.09.2005
Offline
184
iexpert
#15

э...

ну а чем не пойдет верхний блок под логотип?

ну а потом, логотипу тоже можно дать ID

и тогда 


HEIGHT: expression(document.all.d3.offsetHeight - document.all.logo_id.offsetHeight);
Sadie
На сайте с 11.04.2005
Offline
64
Sadie
#16

iexpert, ОНО!!!! :) :) Спасибо!!!

iexpert
На сайте с 01.09.2005
Offline
184
iexpert
#17

да не за что.

проверьте на кроссбраузерность... а то мало ли что мне в голову может прийти в 3 часа ночи...

Коля Дубр
На сайте с 02.03.2005
Offline
153
Коля Дубр
#18

ТВЭЛ, скорее, верстку на дивах можно сравнить с ездой на автомобиле с солнечными батарейками. Скорее всего, за этой технологией будущее, но на данный момент это дорого и не очень удобно. Я уже назвал основные причины:

1. Проблемы поддержки браузерами. Ближайшие несколько лет вряд ли что-то принципиально изменится. Почти все ошибки рендеринга перекочевали в 7 версию IE, хотя спецификация CSS2 была принятя еще в 1998 году, если не ошибаюсь.

2. Несовершенство самой спецухи в части блочной модели. Для многих задач, даже следуя стандарту, приходится делать много лишней разметки - у буржуев в сложных макетах видел по 5-6 вложенных дивов, разве это намного семантичнее, чем таблицы? Но даже если спецуху приведут в порядок (учитывая всеобщий интерес к semantic html на западе, это-таки должно случиться), еще не известно, когда у производителей IE дойдут руки ее почитать =)

СКОРПИОН, я для себя решил, что использовать javascript для верстки, все-таки, некрасиво. Это читерство =)

Разрабатываю общую шину (http://habrahabr.ru/company/floxim/blog/268467/) помаленьку. ...а еще у меня есть бложек (http://www.blogovo.ru/).
eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
Sadie
На сайте с 11.04.2005
Offline
64
Sadie
#19
iexpert:
проверьте на кроссбраузерность... а то мало ли что мне в голову может прийти в 3 часа ночи...

Это само собой... IE, Опера и Лиса как раз для этого и существуют... :)

СКОРПИОН
На сайте с 05.01.2006
Offline
120
СКОРПИОН
#20
Коля Дубр:
СКОРПИОН, я для себя решил, что использовать javascript для верстки, все-таки, некрасиво. Это читерство =)

Не спорю. Тоже не использую. Но вот создателям ишака по рукам бы надавал...

Я про JS немного не так выразился топиком выше, подразумевал использование DHTML для создания сайта в целом...

• Контекстные ссылки с внутренних страниц навсегда (/ru/forum/370882) • Качественные сайты для заработка на контекстной рекламе и ссылках
123 4

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий