Проблема с версткой - футер и общий макет

[Lakont]

Здравствуйте.

Такая вот проблема.

Сверстал макет сайта. Главная нормально, но при переходи на статью где мало инфы сай сокращяется и футер вместе с ним поднимается наверх.

А если статья очень большая то половины новости выходит за сайт.

Помогите, что делать?

Сайт http://saleguitar.ru/

пример http://saleguitar.ru/main/1-post1.html

[Gaspode]

html { height: 100%; }

body {
   min-height: 100%;
   height: auto!important; /* for IE6 */
   height: 100%; /* for IE6 */
   position: relative;
}

div.content { 
   padding-bottom: высота_футера;
}

.footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
}

Так как-то вроде бы.

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

Edited May 10, 2011 by Gaspode

[Lakont]

Спасибо! Завтра испробую

[Lakont]

Нет, не помогло.

[Temiks]

http://zodios.net/htmlcss/downfooter.html Edited May 11, 2011 by Temiks

[Softlink]

по-моему на фрилансе совсем недавно кто-то из заказчиков выкладывал такой макет

[klierik]

автор, для начала научись врестать, по разметке видно что данная задача тебе не посиле.

[andyarus]

а я думаю по силам. парень тащи!

[Lakont]

Temiks , спасибо , но не помогает

CSS

html,body {
background:#969696;
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}

.box {
width:1000px;
margin:-10px auto;
background:#fff;
  position:relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;

}

.shapka {
width:1000px;
height:120px;
background: url(../images/gitar.bmp)  ;
background-repeat: no-repeat;
background-position: center;
}

.mobile {
margin:-70px 0 0 800px;
}

.kontakti {
margin-left:25px;
font-size:90%;
margin-top:5px;
}

.menug {
width:1000px;
height:30px;
background:#686f76;
}

.menug2 {margin:0 0 0 190px}

.menug2 img {
margin:-5px 0 0 20px;
}

.menug li {
float: left;
list-style-type:none;
margin:5px 0 0 30px;

font-size:110%;

}

.menug li a:hover {color:#acacac;}

a { color:#fff;list-style-type:none;text-decoration:none}


.block {
width:149px;

}

.blocktitle {
width: 149px;
height: 25px;
background:#f2f2f2;
margin:20px 0 0 16px;
border:1px solid #dcdcdc;
}

.blocktitle span {
margin:25px 0 0 15px;
}

.blockcontent {
width:149px;
border-right:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
border-left:1px solid #dcdcdc;
margin:-17px 0 0 16px;
height:100%;
}

.blockcontent li {
margin:10px 0 0 -25px;
list-style-type:none;

}

.blockcontent img {
margin:0 5px 0 0;
}

.blockcontent a {
color:#454545;
}

.blockcontent a:hover {
color:#260000;
}

.banner {
margin:16px 0 0 0;
}

.content {
margin:-890px  0 100px 190px;
  padding-bottom:40px; }

  .sort {
color:#000;
}

.short img {
width:120px;
height:40px;
float:left
}

.short {
margin: -20px 0 0 0;
}

.title {
margin:10px 0 0 180px;
color:#000;
}
.title a {color:#000;}

.news {margin:30px 0 0 0;}

.footer {
width:1000px;
background:#757d85;
color:#d3d3d3;
position: relative;
  margin-top: -40px;
  height: 40px;
}



.dpad {
min-height:200px;
}

.full2 {   padding-bottom: 40px;  }

Погите, плз

Сейчас просто задал ширину для всех новостей, что бы по красивее было.

Но все же если новость малнькая то и много пустого места.

[Gaspode]

Выкиньте все внутренние блоки, просто сверстайте макет с прибитым футером. От него и отталкивайтесь.