Футер съехал вправо

[Савоини Анастасия Андреевн]

Подскажите, пожалуйста, почему футер съехал вправо и находится не внизу страницы.

И слева серое поле как убрать(после кнопки дизайнерам)http://www.mix-mart.ru/Roto-door.html

 

html,body{

  height:100%;

  margin:0;

  padding: 0;

  background:#fff;

}

#body{

height:100%;

height: auto; 

min-height: 100%;

 

}

#container{

height:100%;

  background:#e6e6e6;

  width:1000px;

  min-height:1670px;

  margin: 0 auto;

  padding-bottom:30px;

  }

#footer{  

clear: both;

 position: relative;

 z-index: 10;

  background:#ddd;

  float:right;

  width:1000px;

  height:30px;

  font:12px Verdana, Arial, Sans-Serif, Helvetica;

  text-align: left;

  padding:14px 20px 0 0;

  margin:0 12px 0 0;

  margin-top:-30px;

}

#f1{ 

  float:left;

  padding:0 0 0 20px;

}

 

#content{ 

  width:742px;

  height:220px;

  float:right;

  display:inline;

  font:12px Verdana, Arial, Sans-Serif, Helvetica;

  font-weight:normal;

  font-size:12px;

  line-height:21px;

  text-indent:21px;

  padding:0 24px 0 20px;

  margin:12px 10px 0 12px;

  padding-bottom:30px;

}

 #wrap{

  background:#757575;

  width:180px;

  height:100px;

  float:left; 

  display:inline;

  font:12 Verdana, Arial, Sans-Serif, Helvetica;

  text-align:left;

  padding:24px 0 0 0;

  margin:12px 0 0 12px;

  min-height:100%;

  height:auto!importent;

  height:100%;

}

[Switch74]

для #footer уберите float: right; (из-за него съехало вправо) и поставьте что-нибудь вроде margin: 0 auto;

[Савоини Анастасия Андреевн]

Сделала:http://www.mix-mart.ru/Roto-door.html

 

#footer{  

clear: both;

 position: relative;

 z-index: 10;

  background:#ddd;

  float:left;

  width:1000px;

  height:30px;

  font:12px Verdana, Arial, Sans-Serif, Helvetica;

  text-align: left;

  padding:14px 20px 0 0;

  margin:0 12px 0 0;

  margin-top:-30px;

  margin: 0 auto;

}

Теперь футер съехал влево.

[Switch74]

float:left; зачем?

[Савоини Анастасия Андреевн]

Наконец-то получилось по центру. Только мешает серое поле после слова дизайнерам. Как его убрать?

http://mix-mart.ru/Roto-door.html

[Switch74]

для #wrap попробуйте убрать height и min-height

[Савоини Анастасия Андреевн]

Не подскажешь, почему картинка здесь съехала, никак не получается выровнять. margin: 0 auto; Поставила.

http://www.mix-mart.ru/services.html

#lightBox { 

  list-style-type:none;

  text-align:left;

  text-indent:0;

}

#lightBox li {

  float:left; 

  margin:0px 0px 0px 0px;

}

#lightBox img { 

  border:0;    

}

#content3{ 

  width:742px;

  height:570px;

  margin: 0 auto;

  display:inline;

  font:12px Verdana, Arial, Sans-Serif, Helvetica;

  font-weight:normal;

  font-size:12px;

  line-height:21px;

  text-indent:21px;

  padding:0 24px 0 20px;

  margin:12px 0px 0px 0px;

}

.pict-nature3 { 

 margin:0 6px 0 0px;

}

[Switch74]

потому, что у вас там какая-то хрень:

<div id="lightBox"><li>...

это уже не верно

и вообще там какая-то шурум бурум все в одном блоке, сетки толком нет, отступ сверху делается отдельным блоком

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

[Савоини Анастасия Андреевн]

 

потому, что у вас там какая-то хрень:

<div id="lightBox"><li>...

это уже не верно

и вообще там какая-то шурум бурум все в одном блоке, сетки толком нет, отступ сверху делается отдельным блоком

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

 

 

А для поисковиков важно, чтобы код был чистым?

[Switch74]

отчасти, но в данном случае в первую очередь это важно для вас, если у вас объекты съезжают, а вы их не понятными методами пытаетесь выровнять 

[Савоини Анастасия Андреевн]

отчасти, но в данном случае в первую очередь это важно для вас, если у вас объекты съезжают, а вы их не понятными методами пытаетесь выровнять 

"отступ сверху делается отдельным блоком"-это как?

[Switch74]

у вас отступ делается блоком <div id="line-1"></div> с height
а можно просто добавить padding для <div id="container">