Практические советы по вёрстке

Djeak · 24.11.2010, 01:10

Здравствуйте. Ни как не могу футер прилепить к низу. В FireFox, так как много панелек вверху, то сайт выглядит даже с полосой прокрутки. Открыл в хроме и опере, от футера до конца экрана еще есть расстояние, а хотелось бы, чтобы футер был внизу. Расширение экрана 1280х1024. Прочитал разные статьи, попробовал разные версии, не помогает, в опере и хроме нормально, в лисе футер наплывает на предыдущей блок.
Вот такой код:

Код:

 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div id="mainwrap">
<div id="maincontainer">
  <duv id="menu"></div>
  <div id="header></div>
  <div id="contentbg>
       <div id="leaftpanel"></div>
       <div id="rightpanel"></div>
    </div>
   <div id="footer"></div>
  </div>
</div>
</body>
</html>

CSS:

Код:

body	
	{
		margin:0px;
		padding:0px;
		background-image:url(images/bg.png);
		background-repeat:repeat-x;
		background-color:#241e01;
		height:100%;
	}
	

	
#mainwrap
	{
		width:940px;
		margin:0 auto;
		padding:0;
		background-image:url(images/contentbg.png);
		background-repeat:repeat-y;

	}


#maincontainer
	{
		width:934px; 
		float:left;
		margin:0 auto;
		padding:0 0 0 6px;
		background-image:url(images/contentbg.png);
		background-repeat:repeat-y;
		
		
	}
	
#menu
	{
		width:928px;
		height:70px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/menubg.jpg);
		background-repeat:repeat-x;
	}
#header
	{
		width:928px;
		height:250px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/header2.jpg);
		background-repeat:no-repeat;
	}
#contentbg
	{
		width:928px;
		float:left;
		margin:0px;
		padding:0px;
		background-image: url(images/contentbg.jpg);
		background-repeat: repeat-y;
	
	}
	
#leftPanel
	{
		width:514px;
		float:left;
		margin:0px;
		padding:27px 0 0 22px;
	}
#rightPanel
	{
		width:392px;
		float:left;
		margin:0px;
		padding:27px 0 0 0;
	}
#footer
	{
		width:928px;
		height:67px;
		float:left;
		margin:0px;
		padding:16px 0 0 0;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#fffabe;
		text-align: center;
		background-image:url(images/footer.jpg);
		background-repeat:repeat-x;
	}

vitaly-go · 24.11.2010, 10:05

Цитата:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled 2</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="Untitled_1.css" rel="stylesheet" type="text/css" />

</head>
<body>
<div id="mainwrap">
<div id="maincontainer">
<duv id="menu"></div>
<div id="header"></div>
<div id="contentbg">
<div id="leaftpanel"></div>
<div id="rightpanel"></div>
</div>
<div id="footer"></div>
-----здесь был лишний закрывающий див----
</div>
</body>
</html>

так работает

Ni_Splinter · 24.11.2010, 11:32

Цитата:

Сообщение от Djeak

если это поправить, </div> будет вовсе не лишний

и работать будет наверное...

Niemans · 24.11.2010, 11:55

дув...

vitaly-go · 24.11.2010, 12:05

Цитата:

Сообщение от petty pike

будет вовсе не лишний

ага, я невдумывался, что подсветило то и поправил

Djeak · 24.11.2010, 13:05

Дело не в duv, это я вручную на форум набирал, а в коде все правильно.
Забыл сказать, что дело в том, что подвал должен иметь еще и кусок фона от maincontainer
Вот сайт, чтобы было понятнее: www.foldhome.ru
Т.е. есть некая рамка вокруг сайта, которая задается contentbg.png
Я думаю чтобы всегда отображался подвал внизу, сделать еще один див с фоном contentbg.png, поместить его после maincontainer, сделать его тоже float и уже в нем сделать мой подвал, нужного мне цвета.
Или можно проще?

Djeak · 03.12.2010, 17:03

Доброго времени суток.
Итак, сверстал для тренировки шаблон. Если будет время, посмотрите, пожалуйста, что не так, как можно было сделать по другому. Единственное для IE6 не все получилось исправить =( Подскажите, до чего, я не додумался.
тест1.zip

vladendark · 06.12.2010, 15:35

не плохо, но есть одно но!
читаем с комментариями людвига

Djeak · 06.12.2010, 19:40

=) А как исправить для IE6 баги? хотелось бы и эту кухню понять до конца.

Добавлено через 46 секунд

А ссылки, в смысле в верхнем меню?

vladendark · 06.12.2010, 23:33

Цитата:

Сообщение от Djeak

А ссылки, в смысле в верхнем меню?

угумс

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Урок по вёрстке	Асмодиан	Библиотека	21	30.11.2015 20:16
Adobe Flash в веб-дизайне. Практические советы.	ghjafy	Технологии Flash	2	06.12.2010 23:49
Советы по дизайну	keeper10	Скамейка запасных	15	12.03.2010 13:06
Посоветуйте учебник по вёрстке	Nielson	HTML, CSS, JavaScript	25	18.06.2009 23:42
Книги по вёрстке...	AceLightning	Библиотека	17	08.07.2008 18:08

24.11.2010, 13:05	#76
Djeak	Дело не в duv, это я вручную на форум набирал, а в коде все правильно. Забыл сказать, что дело в том, что подвал должен иметь еще и кусок фона от maincontainer Вот сайт, чтобы было понятнее: www.foldhome.ru Т.е. есть некая рамка вокруг сайта, которая задается contentbg.png Я думаю чтобы всегда отображался подвал внизу, сделать еще один див с фоном contentbg.png, поместить его после maincontainer, сделать его тоже float и уже в нем сделать мой подвал, нужного мне цвета. Или можно проще?

03.12.2010, 17:03	#77
Djeak	Доброго времени суток. Итак, сверстал для тренировки шаблон. Если будет время, посмотрите, пожалуйста, что не так, как можно было сделать по другому. Единственное для IE6 не все получилось исправить =( Подскажите, до чего, я не додумался. тест1.zip

06.12.2010, 15:35	#78
vladendark	не плохо, но есть одно но! читаем с комментариями людвига

06.12.2010, 19:40	#79
Djeak	=) А как исправить для IE6 баги? хотелось бы и эту кухню понять до конца. Добавлено через 46 секунд А ссылки, в смысле в верхнем меню? Последний раз редактировалось Djeak; 06.12.2010 в 19:40.. Причина: Добавлено сообщение

Опции темы
Версия для печати Отправить по электронной почте

24.11.2010, 01:10
Ссылки

24.11.2010, 11:55	#74
Niemans	дув...