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

Верстка на div: как сделать основной текст ближе к началу кода

wilelf
На сайте с 27.06.2005
Offline
322
wilelf
1012

Сабж. Обычный двухколоночный сайт, т.е. верх, левое меню, основной текст, низ.

Как сверстать так, чтобы по коду основной текст был выше всех?

Агентство контекстной рекламы НеВсем ( https://www.nevsem.ru/ ) Пишу платно статьи для Хабра. Мой профиль ( https://habr.com/ru/users/wilelf/ )
Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#1
wilelf:
Сабж. Обычный двухколоночный сайт, т.е. верх, левое меню, основной текст, низ.

Как сверстать так, чтобы по коду основной текст был выше всех?

никак. если сайт резиновый, если статичный то его сделать флоатом, с заданой шириной и поднять вверх

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
AN
На сайте с 14.03.2007
Offline
47
ASA_NN
#2

вот http://dimox.name/3_column_css_layout/,

еще можно шапку задать через абсолютное позиционирование, что бы в самом верху был (текст):)

Верстка. Портфолио (http://webvector.ru/)
Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#3
ASA_NN:
вот http://dimox.name/3_column_css_layout/,
еще можно шапку задать через абсолютное позиционирование, что бы в самом верху был (текст):)

при такой верстке ограниченные возможности

AN
На сайте с 14.03.2007
Offline
47
ASA_NN
#4
Ткач:
при такой верстке ограниченные возможности

то есть? чем этот способ не угодил

Дмитрий
На сайте с 23.08.2006
Offline
199
Дмитрий
#5

Можно, сам применил такой ход верстая свой блог: 


...

<body>

<div style="border:1px solid red; width:30%; float:right;">CONTENT</div>

<div style="border:1px solid green; width:69%; float:left;">Left coloumn</div>

<div style="border:1px solid #000; clear:both">bottom</div>

</body>

...
Разрабатываю и автоматизирую на php http://jonnyb.ru/
wilelf
На сайте с 27.06.2005
Offline
322
wilelf
#6
JonnyB:
Можно, сам применил такой ход верстая свой блог: 

...

<body>

<div style="border:1px solid red; width:30%; float:right;">CONTENT</div>

<div style="border:1px solid green; width:69%; float:left;">Left coloumn</div>

<div style="border:1px solid #000; clear:both">bottom</div>

</body>

...

А шапка где? :)

Дмитрий
На сайте с 23.08.2006
Offline
199
Дмитрий
#7

упс, неверно прочел, шапки нет :)

Вот в моем блоге действительно нет шапки, а вам могу добавить: 


...

<body>

<div style="padding:100px 0 0 0;">

 <div style="border:1px solid red; width:30%; float:right;">CONTENT</div>

 <div style="border:1px solid green; width:69%; float:left;">Left coloumn</div>

</div>

<div style="border:1px solid #000; clear:both">bottom</div>

<div style="border:1px solid yellow; position:absolute; top:0; width:100%; height:100px;">ЙА ШАПКА!</div>

</body>

...
Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#8
JonnyB:
Можно, сам применил такой ход верстая свой блог: 

...

<body>

<div style="border:1px solid red; width:30%; float:right;">CONTENT</div>

<div style="border:1px solid green; width:69%; float:left;">Left coloumn</div>

<div style="border:1px solid #000; clear:both">bottom</div>

</body>

...

ну это обычно так и верстается.

Вот к примеру если нужно три колонки, лево и право фиксированно с разным бэкграундом на 100% по высоте. и контент сверху. подвал соответственно прибит.

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