Footer

--FENDER-- · May 21, 2011

Добрый день.

У меня есть Футер, который скрадается с пнг картинки, понятно что она должна быть всегда прижата к низу и быть по центре.

Код css:

body{

background-color: #3f822e ;

background-repeat: repeat-x;

margin: 0px;

}

.main{

height: 875px;

width: 1000px;

margin: 0 auto;

}

.footer{

height: 72px;

width: 1000px;

position: absolute;

bottom: 0px;

margin: 0 auto;

background-color: #142A0E;

}

Код html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Соломия Тур</title>

</head>

<body>

</body>

</html>

Как выровнять футер картинку по центру?

Использывал "margin: 0 auto;", но он не работает с "position: absolute;bottom: 0px;", а если оставить только "margin: 0 auto;", то картинка есть по центру, но висит в "воздухе", а надо прижать к низу.

MaferoK · May 21, 2011

например можно обьеденить все пукнты над футером ( там хедер и контент ) в 1 <div id="wrapper">

задать ему


#wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

а футеру задать


#footer {
	width: 1000px;
	margin: -100px auto 0;
	height: 100px;
	background: #BFF08E;
}

Edited May 21, 2011 by MaferoK

--FENDER-- · May 21, 2011

Понял, сделал.

ФаерФокс, Опера, Хром-отлично, то что нужно. А от Эксплоуер(7)-все в кашу. Слишал что он как-то не коректно отображает параметр height, может в этом дело?

Sign In

Footer

Question

--FENDER--

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

MaferoK

Link to comment

Share on other sites

--FENDER--

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information