Несколько вопросов по верстке шаблона…

12
V
На сайте с 09.06.2009
Offline
103
850

Добрый день!

По макету собственно и сами вопросы:

[ATTACH]90791[/ATTACH]

Подскажите, пожалуйста, как сделать, что бы верстка была по центру, а то она почему то смещается к левому верхнему краю?

И еще – как прижать подвал к низу?

<body>

<!--верхнее меню-->
<div id="topmenu">верхнее меню</div>
<!--верхний рисунок-->
<div id="top">верхний рисунок</div>
<!--три центральные колонки-->
<div id="central">
<!--левое меню-->
<div id="levoe">левое меню</div>
<!--контент-->
<div id="kontent">контент</div>
<!--правое меню-->
<div id="pravoe">правое меню</div>
</div>
<!--подвал-->
<div id="footer">подвал (низ)</div>
</body>

body{

background-color: #CC00FF;
height: auto;
}
#topmenu{
margin: 0px;
padding: 0px;
height: 50px;
width: 1000px;
background-color: #33CC99;
background-position: center;
}
#top{
background-color: #003399;
margin: 0px;
padding: 0px;
height: 200px;
width: 1000px;
}
#central{
background-color: #996600;
margin: 0px;
padding: 0px;
min-height:100%;
width: 1000px;
}
#levoe{
background-color: #009900;
margin: 0px;
padding: 0px;
width: 200px;
float: left;
}
#kontent{
background-color: #CCCCFF;
width: 600px;
margin: 0px;
padding: 0px;
float: left;
}
#pravoe{
background-color: #33FF00;
width: 200px;
float: right;
}#footer{
background-color: #FFFF00;
margin: 0px;
padding: 0px;
height: 50px;
width: 1000px;

}

Заранее благодарен!

jpg 123.jpg
Ragnarok
На сайте с 25.06.2010
Offline
239
#1

чтобы по центру:

обёртываешь всё в див и ему задаёшь

margin-left:auto; margin-right:auto;

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

//TODO: перестать откладывать на потом
php.developer
На сайте с 22.11.2010
Offline
94
#2
Ragnarok:
чтобы по центру:
обёртываешь всё в див и ему задаёшь
margin-left:auto; margin-right:auto;
а футер.. не помню. можно попробовать задать минимальную высоту для КОНТЕНТ

1. Нужно задать ширину, в данном случае 1000

2. Лучше написать margin: 0 auto;:)

V
На сайте с 09.06.2009
Offline
103
#3

Спасибо за ширину....

Объединил все в один div и объявил ему следующие правила:

width: 1000px;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

min-height:100%;

Пробовал поставить min-height:100% - но результата нет..

Подскажите пожалуйста, насчет высоты...

TES
На сайте с 22.07.2007
Offline
597
TES
#4

*{

padding:0

margin:0auto;}

DiAksID
На сайте с 02.08.2008
Offline
236
#5
volgalab:
Подскажите пожалуйста, насчет высоты...

только js-ом. определить реальную высоту экрана, реальную высоту блока, скроллинг (если нужно) и затем задать отступ блоку, что бы встал посередине экрана можно только в браузере клиента.

show must go on !!!...
V
На сайте с 09.06.2009
Offline
103
#6
DiAksID:
только js-ом. определить реальную высоту экрана, реальную высоту блока, скроллинг (если нужно) и затем задать отступ блоку, что бы встал посередине экрана можно только в браузере клиента...

А можно поподробнее с примером?

DiAksID
На сайте с 02.08.2008
Offline
236
#7
volgalab:
А можно поподробнее с примером?

нельзя ;) гуглите, примеров море... а можете просто подключить swfobjects (гуглить!) и получить корссбраузернную библиотеку. она хоть, в основном, под другие проблемы, но всё что надо имеет: блок держать посередине и закрыть перемотку автоматом, фоновую картинку растянуть на весь экран, много чего. я бы так и сделал, кстати....

[Удален]
#8

Тут один из ярких примеров как это сделать.

http://www.xiper.net/collect/html-and-css-tricks/karkas-verstki/podval-k-nizu.html

V
На сайте с 09.06.2009
Offline
103
#9
DiAksID:
нельзя ;) гуглите, примеров море... а можете просто подключить swfobjects (гуглить!) и получить корссбраузернную библиотеку. она хоть, в основном, под другие проблемы, но всё что надо имеет: блок держать посередине и закрыть перемотку автоматом, фоновую картинку растянуть на весь экран, много чего. я бы так и сделал, кстати....

Нашел в гугле что: SWFObject — это популярный способ публикации Flash-роликов на JavaScript.

DiAksID
На сайте с 02.08.2008
Offline
236
#10
volgalab:
Нашел в гугле что: SWFObject — это популярный способ публикации Flash-роликов на JavaScript.

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

то что Вы хотите реализовать как раз в 90% применяется во флеш сайтах 😂 в HTML более популярны длинные "простыни"...

12

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