HTML центрирование

Tairon · March 8, 2008

Dimitry Wolotko · March 8, 2008

Стили бы посмотреть.

И вместо align="center" используйте style="text-align:center;"

SibBear · March 8, 2008

напиши полный текст свойства div'ов, скорее всего они позиционируются относительно друг друга а не главного div'a

Tairon · March 8, 2008

#content { height: 100%; width: 100%; }

#ads { height: 60px; width: 468px; }

#lcol { height: 600px; width: 150px; float: left; }

#cont { height: 600px; width: 650px; float: left; }

#rcol { height: 600px; width: 150px; float: left; }

#bottom { clear: both; height: 20px; width: 100%; }

Я что-то не так делаю?

SibBear · March 8, 2008

как то все несуразно...

так для разнообразия статья: Я ничего не понял, но на примерах более менее начинаю разбираться http://www.codenet.ru/webmast/css2/visuren.php пункт 9

и код примера позиционирования дивов:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
 <HEAD>
 <TITLE>Создание кадра в CSS2</TITLE>
 <STYLE type="text/css">
 BODY { height: 8.5in } /* будет использовано ниже для определения */
 /* процентных соотношений, задающих значение */
 /* высоты элемента */
 #header {
 position: fixed;
 width: 100%;
 height: 15%;
 top: 0;
 right: 0;
 bottom: auto;
 left: 0;
 }
 #sidebar {
 position: fixed;
 width: 10em;
 height: auto;
 top: 15%;
 right: auto;
 bottom: 100px;
 left: 0;
 }
 #main {
 position: fixed;
 width: auto;
 height: auto;
 top: 15%;
 right: 0;
 bottom: 100px;
 left: 10em;
 }
 #footer {
 position: fixed;
 width: 100%;
 height: 100px;
 top: auto;
 right: 0;
 bottom: 0;
 left: 0;
 }
 </STYLE>
 </HEAD>
 <BODY>
 <DIV id="header"> ... </DIV>
 <DIV id="sidebar"> ... </DIV>
 <DIV id="main"> ... </DIV>
 <DIV id="footer"> ... </DIV>
 </BODY>
</HTML>

Tairon · March 9, 2008

Это случайно не из за того что я использовал float?

Azadi · March 9, 2008

Да, это из-за float, которые вы забыли очистить. Решений несколько, посмотрите здесь.

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

Tairon · March 9, 2008

Какой вариант вы могли бы предложить? Я решил переделать, сделал макет из таблиц и уже после этого добавил div'ы.

Azadi · March 9, 2008

http://flack.ru - почитайте про семантическую верстку, обратите внимание на статью

Семантическая верстка ? советы и решения. Часть IV. Забудьте про таблицы, они здесь и не нужны.

Я бы предложил вам вариант верстки, похожий вот на это. Кое-что упростить, убрать лишний код - и получится именно то, что вам нужно. Ну по крайней мере мне так кажется

Tairon · March 9, 2008

Благодарю за помощь ]

Sign In

HTML центрирование

Question

Tairon

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Dimitry Wolotko

Link to comment

Share on other sites

SibBear

Link to comment

Share on other sites

Tairon

Link to comment

Share on other sites

SibBear

Link to comment

Share on other sites

Tairon

Link to comment

Share on other sites

Azadi

Link to comment

Share on other sites

Tairon

Link to comment

Share on other sites

Azadi

Link to comment

Share on other sites

Tairon

Link to comment

Share on other sites

Обсуждения

Forums

Important Information