сайт криво работает в IE8

Статус: Offline
Реєстрація: 11.04.2011
Повідом.: 25
сайт криво работает в IE8

Думаю проблема в этом CSS коде:
Код:
#left { float: left; width: 230px; margin-left: -100%;; min-height:300px; height:auto!important; height:300px; background:url(../images/top_menu_bg.jpg) no-repeat; }

В других браузерах все гуд, а в IE margin-left: -100%; удваивается
кто поможет исправить отблагодарю, если надо дам весь код
 
пробовал задать margin-left в пикселях?
зачем вообще такой выкрутас?
 
Попробуй добавить вот это правило

Display:inline;
 
То не сайт криво работает, то IE криво работает
 
Побывал все и margin-left в пикселях и Display:inline; добавлял все бестолку, а то что IE криво работает это точно, но надо как то решить эту проблему, может хак какой то новый кто подскажет для IE8
 
попробуй "margin-left: -100%; *margin-left: -50%;"
 
Не помогает, либо я вообще ничего не понимаю
вот весь css код
Код:
html, body                  { height: 100%; width: 100%; margin: 0; padding: 0; font-size: 12px; font-family: Tahoma; background:url(../images/mbg.jpg); }
table td                    { padding: 0px }
p                           { margin: 0; padding: 6px 0 5px; }
ul                          { margin: 0; padding: 0; }
li                          { margin: 0; padding: 0; list-style-type: none; }
form                        { padding: 0; margin: 0; }
a               { text-decoration: underline; color: #AC410C; }
a:hover                     { text-decoration: none }
img                         { border: 0; margin: 0;}
.clear                      { clear: both }
/*    3-  */
#wrapper                    { width: 1000px; margin:0 auto; background:url(../images/bg.jpg) repeat-y; text-align:left; }
#container                  { width: 1000px; background:url(../images/container_bottom.jpg) no-repeat bottom; padding-bottom: 90px; }
#content                    { width: 1000px; float: left; }
#text                       { margin: 0 0 0 230px; min-height:300px; height:auto!important; height:300px; background: url(../images/text_box_top.jpg) no-repeat 0 70px; }
#left                       { float: left; width: 230px; margin-left: -100%; min-height:300px; height:auto!important; height:300px; background:url(../images/top_menu_bg.jpg) no-repeat; }
dt,dl,dd { margin:0; padding:0;}

h1,h2,h3 {
  font-size:17px;
  margin:0;
  padding:0;
}

h4,h5,h6 {
  font-size:14px;
  font-weight:bold;
  margin:0;
  padding:0;
}

.fixbox {
  text-align:center;
}

#bottom_line {
  background:url(../images/bottom_repairse_line.jpg) repeat-x bottom;
}

#top_line {
  background:url(../images/repeat_bg_top.jpg) repeat-x top;
  width:100%;
}

#menu {
  background:url(../images/top_menu2.jpg) no-repeat;
  width:100%;
  height:70px;
  padding:1px 0 0;
}

#logo {
  width:320px;
  height:112px;
  position:absolute;
  left:0px;
  top:0;
}

#introductory_text {
  width:516px;
  height:18px;
  position:absolute;
  bottom:5px;
  right:145px;
}

#header {
  width:1000px;
  height: 345px;
  background:url(../images/header2.jpg) no-repeat;
  position:relative;
}
 
#footer {
  width:1000px;
  height: 86px;
  background:url(../images/footer.jpg) no-repeat right;
}

.cat_menu {
  padding:0 0 0 45px;
  height:100px;
}

.cat_menu h3 {
  font-size:17px;
  color:#FFFFFF;
  font-weight: normal;
  padding:10px 0 0;
  margin:0;
}

.moduletable_menu {
  margin:8px 0 0 105px;
}

.moduletable_menu li {
  display:inline;
  font-size:15px;
  padding:13px 30px 13px 31px;
  font-weight:bold;
  line-height:22px;
}

.moduletable_menu a {
  color:#255C00;
  font-size:15px;
  text-decoration:none;
}

.moduletable_menu a:hover {
  text-decoration:underline;
  color:#FFFFFF;
}

.cat, 
.news,
.pools,
.adbox {
  margin:0 11px 0 31px;
}

.cat {
  color:#404040;
  border-top:1px dashed #B7B7B7;
  padding:0 0 10px;
}

.cat li {
  font-size:15px;
  border-bottom:1px dashed #B7B7B7;
  padding:3px 0;
}

.cat a {
  color:#404040;
  font-size:14px;
  text-decoration:none;
  padding:4px 10px 5px 20px;
  display:block;
  background:url(../images/mark.png) no-repeat 7px 50%;
}

.cat a:hover  {
  color:#FFFFFF;
  background:url(../images/mark.png) no-repeat #AC410C 7px 50%;
  font-size:14px;
}

.moduletablenewsfix {
  margin:5px 0 0 0;
}

.moduletablenewsfix h3,
.moduletablepolls_mod h3 {
  font-weight: normal;
  color:#404040;
  border-bottom:5px solid #AC410C;
  padding:0 0 1px 15px;
}

.latestnewsnewsfix a {
  font-size:12px;
  text-decoration:none;
  color:#404040;
  font-weight:bold;
}

.newsfix div.newsfix {
  padding:5px 1px 10px;
  font-size:12px;
  line-height:17px;
  border-bottom:1px dashed #B7B7B7;
}

.newsfix div.newsfix p {
  padding:0 0 2px;
}

a.readonnewsfix {
  font-size:12px;
  float:right;
}

.createdatenewsfix {
  color:#919191;
  font-size:12px;
  float:left;
}

.moduletablepolls_mod {
  padding:10px 0 0!important;
}

.poll_mod_title {
  font-size:12px;
  font-weight: normal;
  padding:0;
  margin:4px 0 5px;
  color:#404040;
}

.jqTransformHidden {
    display: none;
}

#poll_buttons_1 {
  clear:both;
  padding:5px 0 0!important;
}

.vote_line {
  float:left;
  width:100%;
  padding:3px 0;
}

.jqTransformRadioWrapper {
  float:left;
  margin:0 7px 0;
  display:inline;
}

.vote_layer span {
  float:left;
  font-size:11px;
}

a.jqTransformChecked {
    background-position: 0 -13px;
}

.jqTransformRadio {
  background:url(../images/votes.gif) no-repeat;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.jqTransformButton {
  background:url(../images/button.png) no-repeat;
  border:none;
  color:#FFFFFF;
  font-weight:bold;
  cursor:pointer;
  width:93px;
  height:23px;
  padding-bottom:5px;
  line-height:22px;
  float: left;
  display:inline;
  font-size:11px;
  margin:2px 0 0 0;
}

#poll_links {
  background:url(../images/button.png) no-repeat;
  color:#FFFFFF;
  font-weight:bold;
  float:left;
  font-size:11px;
  padding:4px 9px 5px 10px;
  margin:2px 0 0;
  display:inline;
}

#poll_links a {
  color:#FFFFFF;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
}

.adbox {
  clear:both;
  float:left;
  padding:15px 0 0;
  display:inline;
}

.content_box {
  padding:10px 25px;
  color:#404040;
  line-height:18px;
}

.content_box h1 {
  font-size:20px;
  border-bottom:5px solid #B7B7B7;
  padding-bottom:5px;
  padding-left:3px;
  color:#255C00;
  font-weight:normal;
}

.content_box h3 {
  color:#AC410C;
  font-size:17px;
  font-weight:normal;
  border-bottom:5px solid #B7B7B7;
  padding-bottom:4px;
}

.pagination {
    color: #626262;
  font-size:13px;
  margin:10px 0;
  float:left;
  width:720px;
}

.pagination li {
  display:inline;
  padding:5px 2px;
  float:left;
}

.pagination span {
    color: #404040;
    font-size: 13px;
    font-weight: bold;
    padding: 0 2px 2px;
}

.pagination strong span {
    color: #E05300;
    font-size: 13px;
    padding: 1px 3px;
    text-decoration: none;
}

.pagination a {
    color: #AC410C;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
  background:#AC410C;
  border:1px solid #6E2A09;
  color:#FFFFFF;
}

.pagination span {
  border:1px solid #B7B7B7;
  padding:3px 5px;
}

.setartcle {
  border-top:1px dashed #B7B7B7;
  padding:5px 0;
  margin:10px 0 0;
}

.published span {
  color:#AC410C;
}

.published {
  color:#919191;
  float:left;
}

.content_box h2 a {
  font-size:17px;
  font-weight:normal;
  text-decoration:none;
  color:#255C00;
}

.content_box h2 {
  border-bottom:5px solid #B7B7B7;
  padding-bottom:4px;
  padding-left:3px;
  font-size:17px;
  color:#255C00;
  font-weight:normal;
}


.content_box p {
  padding:3px 0;
}

.readmore {
  float:right;
  padding-right:10px;
}

.readmore a {
  font-size:12px;
  font-weight:bold;
}

.items-row  {
  width:720px;
  float:left;
}

.column-1  {
  float:left;
  width:345px;
}

.column-2  {
  float:right;
  width:345px;
}

.items-leading {
  float:left;
  width:720px;
  margin:0 0 10px;
}

.counters {
  float:left;
  margin:30px 10px 0 30px;
  display:inline;
}

.copyright {
  float:left;
  margin:29px 0 0;
  color:#FFFFFF;
}

.copyright a {
  color:#FFFFFF;
}


.gallbox .moduletable {
  width:700px;
  padding:10px;
  border:1px solid #919191;
  background:#B7B7B7;
  margin:10px 0 10px 27px;
}

.gallbox .sigplus-gallery {
  border:1px solid #919191;
  background:#E1E1E1;
  padding:5px 0 5px 3px;
  width:695px;
}


.contact h2 {
  margin-bottom:5px;
}

.contact-address {
  margin:7px 0 0;
}

.contact img  {
  float:left;
  margin:0px 5px 0px 0px;
  padding-top:5px;
}

.contact h3 {
  border:none;
  font-size:14px;
  font-weight: bold;
  padding-bottom:0;
  clear:both;
  color:#404040;
}

.star {
  color:#FF0000;
}

*html .sigplus-gallery li {
  float:left;
  display:inline;
}

*html .sigplus-gallery li img {
  margin:0 4px;
}

.componentheading {
    border-bottom: 5px solid #B7B7B7;
    color: #255C00;
    font-size: 17px;
    font-weight: normal;
    padding-bottom: 4px;
    padding-left: 3px;
  margin-top:-20px;
}

.smalldark {
  font-size:12px;
  color:#404040;
  font-weight:bold;
}

.all_news {
  padding:6px 0 0;
  text-align:right;
}

.all_news a {
  font-size:11px;
  color:#919191;
}

.contact-form {
  border:1px solid #919191;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  border:30px solid #B7B7B7;
  margin-top:10px;
  background:#E9EAEE;
  padding:15px;
}

.contact-form input {
  height:20px;
  border:1px solid #B7B7B7;
  line-height:21px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:3px;
}

.contact-form textarea {
  border:1px solid #B7B7B7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:5px;
}

*html .contact-form input {
  height:25px;
  padding:0;
}

.contact-form .button {
  background:#E1E1E1;
  border:1px solid #919191;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  font-size:14px;
  font-weight:bold;
  padding:5px 7px 7px;
  margin:10px 0 0;
  cursor:pointer;
  height:33px;
  line-height:20px;
  width:200px;
}

.contact fieldset {
  width:628px;
  border:none;
}

.contact fieldset legend {
  margin:0;
  padding:0;
  color:#AC410C;
  font-size:13px;
  font-weight:bold;
}

.moduletablerelatesbox {
  width:720px;
  margin:0 0 0 25px;
  padding:10px 0 20px;
}

.moduletablerelatesbox h3 {
  font-size:17px;
  font-weight:normal;
  border-bottom:5px solid #B7B7B7;
  margin-bottom:5px;
  text-transform:uppercase;
  color:#AC410C;
  padding-bottom:4px;
  text-align:center;
}

.moduletablerelatesbox a {
  line-height:21px;
  font-size:14px;
  font-weight:bold;
  color:#255C00;
  background:url(../images/arr.gif) no-repeat 0 6px;
  padding-left:10px;
}

#xmap .level_0 {
  padding:10px 0 10px 15px;
  line-height:20px;
}


#xmap .level_1 {
  padding-left:30px;
}

#xmap .level_1 a {
  font-weight:normal;
}

#xmap a {
  color:#404040;
  font-size:12px;
  font-weight:bold;
}

#xmap a:hover {
  color:#AC410C;
}

.item-separator {
  clear:both;
  height:10px;
}

.category-desc {
  padding-bottom:20px;
}
.item-page img {
  margin:2px 8px 0 0;
}

.maingallery a img {
    padding:3px;
    background:#fff;
    border:1px solid #ccc;  
  }
  a:hover img {
    position:relative;
    top:-2px;
    left:-2px;
  }
 
а что там такое находится слева от #left, что его надо так тулить?
может вместо margin-left: -100%; сделать position: relative; left: -XXXpx?
 
а что там такое находится слева от #left, что его надо так тулить?
может вместо margin-left: -100%; сделать position: relative; left: -XXXpx?
Реагирует только на position: absolute; но при увеличении или уменьшении экрана этот блок уезжает,
а когда задаешь position: relative; вообще все друг на друга на ходит
вот код
Код:
html, body                  { height: 100%; width: 100%; margin: 0; padding: 0; font-size: 12px; font-family: Tahoma; background:url(../images/mbg.jpg); }
table td                    { padding: 0px }
p                           { margin: 0; padding: 6px 0 5px; }
ul                          { margin: 0; padding: 0; }
li                          { margin: 0; padding: 0; list-style-type: none; }
form                        { padding: 0; margin: 0; }
a               { text-decoration: underline; color: #AC410C; }
a:hover                     { text-decoration: none }
img                         { border: 0; margin: 0;}
.clear                      { clear: both }
/*    3-  */
#wrapper                    { width: 1000px; margin:0 auto; background:url(../images/bg.jpg) repeat-y; text-align:left; }

#content                    { width: 1000px; float: left; }
#text                       { margin: 0 0 0 230px; min-height:300px; height:auto!important; height:300px; background: url(../images/text_box_top.jpg) no-repeat 0 70px; }
#left                       { position: absolute; left: 131px; width: 230px; min-height:300px; height:auto!important; height:300px; background:url(../images/top_menu_bg.jpg) no-repeat; }
dt,dl,dd { margin:0; padding:0;}

h1,h2,h3 {
  font-size:17px;
  margin:0;
  padding:0;
}

h4,h5,h6 {
  font-size:14px;
  font-weight:bold;
  margin:0;
  padding:0;
}

.fixbox {
  text-align:center;
}

#bottom_line {* background:url(../images/bottom_repairse_line.jpg) repeat-x bottom;}
#top_line {
  background:url(../images/repeat_bg_top.jpg) repeat-x top;
  width:100%;
}

#menu {
  background:url(../images/top_menu2.jpg) no-repeat;
  width:100%;
  height:70px;
  padding:1px 0 0;
}

#logo {
  width:320px;
  height:112px;
  position:absolute;
  left:0px;
  top:0;
}

#introductory_text {
  width:516px;
  height:18px;
  position:absolute;
  bottom:5px;
  right:145px;
}

#header {
  width:1000px;
  height: 345px;
  background:url(../images/header2.jpg) no-repeat;
  position:relative;
}
 
#footer {
  width:1000px;
  height: 86px;
  background:url(../images/footer.jpg) no-repeat;
  position:relative;
}

.cat_menu {
  padding:0 0 0 45px;
  height:100px;
}

.cat_menu h3 {
  font-size:17px;
  color:#FFFFFF;
  font-weight: normal;
  padding:10px 0 0;
  margin:0;
}

.moduletable_menu {
  margin:8px 0 0 105px;
}

.moduletable_menu li {
  display:inline;
  font-size:15px;
  padding:13px 30px 13px 31px;
  font-weight:bold;
  line-height:22px;
}

.moduletable_menu a {
  color:#255C00;
  font-size:15px;
  text-decoration:none;
}

.moduletable_menu a:hover {
  text-decoration:underline;
  color:#FFFFFF;
}

.cat, 
.news,
.pools,
.adbox {
  margin:0 11px 0 31px;
}

.cat {
  color:#404040;
  border-top:1px dashed #B7B7B7;
  padding:0 0 10px;
}

.cat li {
  font-size:15px;
  border-bottom:1px dashed #B7B7B7;
  padding:3px 0;
}

.cat a {
  color:#404040;
  font-size:14px;
  text-decoration:none;
  padding:4px 10px 5px 20px;
  display:block;
  background:url(../images/mark.png) no-repeat 7px 50%;
}

.cat a:hover  {
  color:#FFFFFF;
  background:url(../images/mark.png) no-repeat #AC410C 7px 50%;
  font-size:14px;
}

.moduletablenewsfix {
  margin:5px 0 0 0;
}

.moduletablenewsfix h3,
.moduletablepolls_mod h3 {
  font-weight: normal;
  color:#404040;
  border-bottom:5px solid #AC410C;
  padding:0 0 1px 15px;
}

.latestnewsnewsfix a {
  font-size:12px;
  text-decoration:none;
  color:#404040;
  font-weight:bold;
}

.newsfix div.newsfix {
  padding:5px 1px 10px;
  font-size:12px;
  line-height:17px;
  border-bottom:1px dashed #B7B7B7;
}

.newsfix div.newsfix p {
  padding:0 0 2px;
}

a.readonnewsfix {
  font-size:12px;
  float:right;
}

.createdatenewsfix {
  color:#919191;
  font-size:12px;
  float:left;
}

.moduletablepolls_mod {
  padding:10px 0 0!important;
}

.poll_mod_title {
  font-size:12px;
  font-weight: normal;
  padding:0;
  margin:4px 0 5px;
  color:#404040;
}

.jqTransformHidden {
    display: none;
}

#poll_buttons_1 {
  clear:both;
  padding:5px 0 0!important;
}

.vote_line {
  float:left;
  width:100%;
  padding:3px 0;
}

.jqTransformRadioWrapper {
  float:left;
  margin:0 7px 0;
  display:inline;
}

.vote_layer span {
  float:left;
  font-size:11px;
}

a.jqTransformChecked {
    background-position: 0 -13px;
}

.jqTransformRadio {
  background:url(../images/votes.gif) no-repeat;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.jqTransformButton {
  background:url(../images/button.png) no-repeat;
  border:none;
  color:#FFFFFF;
  font-weight:bold;
  cursor:pointer;
  width:93px;
  height:23px;
  padding-bottom:5px;
  line-height:22px;
  float: left;
  display:inline;
  font-size:11px;
  margin:2px 0 0 0;
}

#poll_links {
  background:url(../images/button.png) no-repeat;
  color:#FFFFFF;
  font-weight:bold;
  float:left;
  font-size:11px;
  padding:4px 9px 5px 10px;
  margin:2px 0 0;
  display:inline;
}

#poll_links a {
  color:#FFFFFF;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
}

.adbox {
  clear:both;
  float:left;
  padding:15px 0 0;
  display:inline;
}

.content_box {
  padding:10px 25px;
  color:#404040;
  line-height:18px;
}

.content_box h1 {
  font-size:20px;
  border-bottom:5px solid #B7B7B7;
  padding-bottom:5px;
  padding-left:3px;
  color:#255C00;
  font-weight:normal;
}

.content_box h3 {
  color:#AC410C;
  font-size:17px;
  font-weight:normal;
  border-bottom:5px solid #B7B7B7;
  padding-bottom:4px;
}

.pagination {
    color: #626262;
  font-size:13px;
  margin:10px 0;
  float:left;
  width:720px;
}

.pagination li {
  display:inline;
  padding:5px 2px;
  float:left;
}

.pagination span {
    color: #404040;
    font-size: 13px;
    font-weight: bold;
    padding: 0 2px 2px;
}

.pagination strong span {
    color: #E05300;
    font-size: 13px;
    padding: 1px 3px;
    text-decoration: none;
}

.pagination a {
    color: #AC410C;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
  background:#AC410C;
  border:1px solid #6E2A09;
  color:#FFFFFF;
}

.pagination span {
  border:1px solid #B7B7B7;
  padding:3px 5px;
}

.setartcle {
  border-top:1px dashed #B7B7B7;
  padding:5px 0;
  margin:10px 0 0;
}

.published span {
  color:#AC410C;
}

.published {
  color:#919191;
  float:left;
}

.content_box h2 a {
  font-size:17px;
  font-weight:normal;
  text-decoration:none;
  color:#255C00;
}

.content_box h2 {
  border-bottom:5px solid #B7B7B7;
  padding-bottom:4px;
  padding-left:3px;
  font-size:17px;
  color:#255C00;
  font-weight:normal;
}


.content_box p {
  padding:3px 0;
}

.readmore {
  float:right;
  padding-right:10px;
}

.readmore a {
  font-size:12px;
  font-weight:bold;
}

.items-row  {
  width:720px;
  float:left;
}

.column-1  {
  float:left;
  width:345px;
}

.column-2  {
  float:right;
  width:345px;
}

.items-leading {
  float:left;
  width:720px;
  margin:0 0 10px;
}

.counters {
  float:left;
  margin:30px 10px 0 30px;
  display:inline;
}

.copyright {
  float:left;
  margin:29px 0 0;
  color:#FFFFFF;
}

.copyright a {
  color:#FFFFFF;
}


.gallbox .moduletable {
  width:700px;
  padding:10px;
  border:1px solid #919191;
  background:#B7B7B7;
  margin:10px 0 10px 27px;
}

.gallbox .sigplus-gallery {
  border:1px solid #919191;
  background:#E1E1E1;
  padding:5px 0 5px 3px;
  width:695px;
}


.contact h2 {
  margin-bottom:5px;
}

.contact-address {
  margin:7px 0 0;
}

.contact img  {
  float:left;
  margin:0px 5px 0px 0px;
  padding-top:5px;
}

.contact h3 {
  border:none;
  font-size:14px;
  font-weight: bold;
  padding-bottom:0;
  clear:both;
  color:#404040;
}

.star {
  color:#FF0000;
}

*html .sigplus-gallery li {
  float:left;
  display:inline;
}

*html .sigplus-gallery li img {
  margin:0 4px;
}

.componentheading {
    border-bottom: 5px solid #B7B7B7;
    color: #255C00;
    font-size: 17px;
    font-weight: normal;
    padding-bottom: 4px;
    padding-left: 3px;
  margin-top:-20px;
}

.smalldark {
  font-size:12px;
  color:#404040;
  font-weight:bold;
}

.all_news {
  padding:6px 0 0;
  text-align:right;
}

.all_news a {
  font-size:11px;
  color:#919191;
}

.contact-form {
  border:1px solid #919191;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  border:30px solid #B7B7B7;
  margin-top:10px;
  background:#E9EAEE;
  padding:15px;
}

.contact-form input {
  height:20px;
  border:1px solid #B7B7B7;
  line-height:21px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:3px;
}

.contact-form textarea {
  border:1px solid #B7B7B7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:5px;
}

*html .contact-form input {
  height:25px;
  padding:0;
}

.contact-form .button {
  background:#E1E1E1;
  border:1px solid #919191;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  font-size:14px;
  font-weight:bold;
  padding:5px 7px 7px;
  margin:10px 0 0;
  cursor:pointer;
  height:33px;
  line-height:20px;
  width:200px;
}

.contact fieldset {
  width:628px;
  border:none;
}

.contact fieldset legend {
  margin:0;
  padding:0;
  color:#AC410C;
  font-size:13px;
  font-weight:bold;
}

.moduletablerelatesbox {
  width:720px;
  margin:0 0 0 25px;
  padding:10px 0 20px;
}

.moduletablerelatesbox h3 {
  font-size:17px;
  font-weight:normal;
  border-bottom:5px solid #B7B7B7;
  margin-bottom:5px;
  text-transform:uppercase;
  color:#AC410C;
  padding-bottom:4px;
  text-align:center;
}

.moduletablerelatesbox a {
  line-height:21px;
  font-size:14px;
  font-weight:bold;
  color:#255C00;
  background:url(../images/arr.gif) no-repeat 0 6px;
  padding-left:10px;
}

#xmap .level_0 {
  padding:10px 0 10px 15px;
  line-height:20px;
}


#xmap .level_1 {
  padding-left:30px;
}

#xmap .level_1 a {
  font-weight:normal;
}

#xmap a {
  color:#404040;
  font-size:12px;
  font-weight:bold;
}

#xmap a:hover {
  color:#AC410C;
}

.item-separator {
  clear:both;
  height:10px;
}

.category-desc {
  padding-bottom:20px;
}
.item-page img {
  margin:2px 8px 0 0;
}

.maingallery a img {
    padding:3px;
    background:#fff;
    border:1px solid #ccc;  
  }
  a:hover img {
    position:relative;
    top:-2px;
    left:-2px;
  }
 
Останнє редагування:
HTML и задачу в студию! или в личку

Вот HTML
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="ru-ru" dir="ltr" lang="ru-ru"><head>
  {headers}
  <link rel="stylesheet" href="{THEME}/style/sigplus.css" type="text/css">
  <link rel="stylesheet" href="{THEME}/style/fancybox.css" type="text/css">
  <link rel="stylesheet" href="{THEME}/style/boxplus.css" type="text/css">
  <link rel="stylesheet" href="{THEME}/style/boxplus_002.css" type="text/css">
  <style type="text/css">
div#poll_loading_1 {
      background: url(templates/remont-kotedjey/images/mootree_loader.gif) 0% 50% no-repeat;
  width:100%;
  height:20px; 
  padding: 4px 0 0 20px; 
}

#sigplus_35c9dac0caed48e036bf0c3dcdfbf8e6 ul > li img { margin:5px !important; }
  </style>
  

  
  <script src="{THEME}/js/core.js" type="text/javascript"></script>
  <script src="{THEME}/js/mootools-core.js" type="text/javascript"></script>
  <script src="{THEME}/js/caption.js" type="text/javascript"></script>
  <script src="{THEME}/js/mootools-more.js" type="text/javascript"></script>
  <script src="{THEME}/js/jquery_004.js" type="text/javascript"></script>
  <script src="{THEME}/js/jquery.js" type="text/javascript"></script>
  <script src="{THEME}/js/jquery_002.js" type="text/javascript"></script>
  <script src="{THEME}/js/fancybox.js" type="text/javascript"></script>
  <script src="{THEME}/js/boxplus.js" type="text/javascript"></script>
  <script src="{THEME}/js/boxplus_002.js" type="text/javascript"></script>
  <script type="text/javascript">
if (typeof(__jQuery__) == "undefined") { var __jQuery__ = jQuery; }
// <!--
__jQuery__(document).ready(function() {
__jQuery__("#sigplus_35c9dac0caed48e036bf0c3dcdfbf8e6 a[rel|='fancybox']").each(function(index, el) { __jQuery__(el).fancybox({}); });
__jQuery__("#sigplus_35c9dac0caed48e036bf0c3dcdfbf8e6 ul:first").boxplusCarousel(__jQuery__.extend({}, { rtl:false, orientation:"horizontal", navigation:"bottom", showButtons:false, showLinks:false, showOverlayButtons:true, duration:800, delay:3000 })); __jQuery__.boxplusLanguage("ru", "RU");
});
// -->
  </script>
  <meta http-equiv="Content-Style-Type" content="text/css">

    <link rel="stylesheet" href="{THEME}/style/template.css" type="text/css">
    <script type="text/javascript" src="{THEME}/js/jquery_1.js"></script>
    <script type="text/javascript" src="{THEME}/js/jquery_003.js"></script>
    <script type="text/javascript" src="{THEME}/js/script.js"></script>
    <!--[if IE 6]>
    <script src="/templates/repairsinfo/js/DD_belatedPNG.js" type="text/javascript"></script>
    <script>
    DD_belatedPNG.fix('*');
    </script>
    <![endif]-->
  </head>
  <body>
    <div class="fixbox">
      <div id="top_line">
        <div id="bottom_line">
          <div id="wrapper">
            <div id="header">
              <a href="/"><img title="ipbuilder.ru" alt="ipbuilder.ru" id="logo" src="{THEME}/images/repairs_logo.png"></a>
              <a href="https://dle-wp.ru"><img title="Уникальные шаблоны для DLE" alt="Уникальные шаблоны для DLE" id="introductory_text" src="{THEME}/images/introductory_text.png"></a>
            </div>
            <div id="container">
              <div id="content">
                <div id="text">
                  <div id="menu">
                        <div class="moduletable_menu">
          
<ul class="menu">
  <li id="item-101" class="current active"><a href="https://dle-wp.ru/">Главная</a></li><li id="item-102"><a href="/">О портале</a></li><li id="item-103"><a href="/">Контакты</a></li><li id="item-105"><a href="">Карта сайта</a></li></ul>
    </div>
  
                  </div>
                  <div class="content_box">
                    <div class="blog-featured">
<div class="items-leading">
      <div class="leading-0">
      
        {content}
<div class="item-separator"></div>
    </div>
      </div>
  
  
      <div class="items-row cols-2 row-0">
        
            <div class="item column-1">
      
  

      
            <div class="setartcle">
          <span class="published">
            
            <span class="readmore">
        
      </span>
      </div>

<div class="item-separator"></div>
    </div>
            
      <div class="item column-2">
      
  

      
            <div class="setartcle">
          <span class="published">
            
            <span class="readmore">
       
      </span>
      </div>
            

<div class="item-separator"></div>
    </div>
                  <span class="row-separator"></span>
        </div>

        
  
      <div class="items-row cols-2 row-1">
        <div class="item column-1">
      
  

      
            <div class="setartcle">
          <span class="published">
            
            <span class="readmore">
        
      </span>
      </div>
            

<div class="item-separator"></div>
    </div>
            
      <div class="item column-2">
      
  

      
            <div class="setartcle">
          <span class="published">
            
            <span class="readmore">
        
      </span>

      </div>
            

<div class="item-separator"></div>
    </div>
                  <span class="row-separator"></span>
        </div>

        

  <div class="pagination">
        <ul><li class="pagination-start"><span class="pagenav">В начало</span></li><li class="pagination-prev"><span class="pagenav">Назад</span></li><li><span class="pagenav">1</span></li><li><a title="2" href="/" class="pagenav">2</a></li><li><a title="3" href="/" class="pagenav">3</a></li><li><a title="4" href="/" class="pagenav">4</a></li><li><a title="5" href="/" class="pagenav">5</a></li><li><a title="6" href="/" class="pagenav">6</a></li><li class="pagination-next"><a title="Вперёд" href="/" class="pagenav">Вперёд</a></li><li class="pagination-end"><a title="В конец" href="/" class="pagenav">В конец</a></li></ul>  </div>

</div>


                  </div>
                  <div class="clear"></div>
                    
                  <div class="clear"></div>
                  <div class="gallbox">
                          <div class="moduletable">
                            <div id="sigplus_35c9dac0caed48e036bf0c3dcdfbf8e6" class="sigplus-gallery sigplus-center"><div style="width: 100%;" class="boxplus-carousel"><div style="width: 100%; height: 171px;" class="boxplus-viewport"><ul style="visibility: visible; width: 887px; height: 171px; left: 0px; right: auto; top: 0px;"><li style="top: 0px; left: 0px;"><a href="/" rel="fancybox-sigplus_35c9dac0caed48e036bf0c3dcdfbf8e6"><img id="sigplus_35c9dac0caed48e036bf0c3dcdfbf8e6_img0003" src="{THEME}/images/0a7a14a23f7c03688c0387d48d2c104e.jpg" longdesc="{THEME}/images/0a7a14a23f7c03688c0387d48d2c104e.jpg" alt="" height="159" width="221"></a></li><li style="top: 0px; left: 0px;"><a href="/" rel="fancybox-sigplus_35c9dac0caed48e036bf0c3dcdfbf8e6"><img id="sigplus_35c9dac0caed48e036bf0c3dcdfbf8e6_img0000" src="{THEME}/images/f1a591fb70cbc3292598701037b71b13.jpg" longdesc="{THEME}/images/f1a591fb70cbc3292598701037b71b13.jpg" alt="" height="159" width="184"></a></li><li style="top: 0px; left: 0px;"><a href="/" rel="fancybox-sigplus_35c9dac0caed48e036bf0c3dcdfbf8e6"><img id="sigplus_35c9dac0caed48e036bf0c3dcdfbf8e6_img0001" src="{THEME}/images/34489644426c41d5a3de2b91dee847dc.jpg" longdesc="{THEME}/images/34489644426c41d5a3de2b91dee847dc.jpg" alt="" height="159" width="221"></a></li><li style="top: 0px; left: 0px;"><a href="/" rel="fancybox-sigplus_35c9dac0caed48e036bf0c3dcdfbf8e6"><img id="sigplus_35c9dac0caed48e036bf0c3dcdfbf8e6_img0002" src="{THEME}/images/0990b0691b11c2217421417b2cedb1e9.jpg" longdesc="{THEME}/images/0990b0691b11c2217421417b2cedb1e9.jpg" alt="" height="159" width="221"></a></li></ul><div title="Предыдущий" class="boxplus-prev boxplus-large boxplus-horizontal"></div><div title="Следующий" class="boxplus-next boxplus-large boxplus-horizontal"></div></div><div class="boxplus-paging"></div></div></div>    </div>
  
                  </div>
                </div>
              </div>
              <div id="left">
                <div class="cat_menu">
                  <h3>Меню</h3>
                </div>
                <div class="cat">
                      <div class="moduletable">
          
<ul class="menucatmenu">
<li id="item-109"><a href="/">Дизайн помещений</a></li><li id="item-110"><a href="/">Инструменты</a></li><li id="item-111"><a href="/">Ремонт</a></li><li id="item-112"><a href="/">Советы </a></li><li id="item-113"><a href="/">Строительство</a></li><li id="item-114"><a href="/">Стройматериалы </a></li><li id="item-115"><a href="/">Техника для Сада</a></li></ul>
    </div>
  
                </div>
                <div class="news">
                      <div class="moduletablenewsfix">
          <h3>Новости</h3>
          
<!-- START 'DisplayNews by BK 2.0RC1' -->

<span class="newsfix "><div class="newsfix "><span class="latestnewsnewsfix "><a href="/" class="newsfix ">Краснодар: число обманутых дольщиков сократилось на 8%</a></span><br><span class="newsfix "><p>За
 прошлый год в Краснодаре число обманутых дольщиков понизилось на 8,3 % с
 шести тысяч человек до пяти с половиной, об этом поведала 
пресс-служба...</p></span><span class="createdatenewsfix ">25.06.2011</span><a href="/" class="readonnewsfix ">Подробнее</a><span class="article_separator"> </span>
<div style="clear: both;"></div></div><div class="newsfix "><span class="latestnewsnewsfix "><a href="/" class="newsfix ">Уральские вузы построят бассейны</a></span><br><span class="newsfix "><p>На
 Среднем Урале планируется расширение участия вузов в одном из 
федеральных проектов партии «Единая россия (страна-террорист)» «500 бассейнов». Как 
сообщено,...</p></span><span class="createdatenewsfix ">20.06.2011</span><a href="/" class="readonnewsfix ">Подробнее</a><span class="article_separator"> </span>
<div style="clear: both;"></div></div><div class="newsfix "><span class="latestnewsnewsfix "><a href="/" class="newsfix ">ЖКХ – основной загрязнитель водных объектов</a></span><br><span class="newsfix "><p>Самое
 большое количество вредных веществ вода получает из жилищно – 
коммунальных хозяйств. О данном факте сообщил экс – глава комитета...</p></span><span class="createdatenewsfix ">20.06.2011</span><a href="/" class="readonnewsfix ">Подробнее</a><span class="article_separator"> </span>
<div style="clear: both;"></div></div>
</span>

<!-- END 'DisplayNews by BK 2.0RC1' -->
    </div>
  
                  <div class="all_news">
                    <a href="/">Все новости</a>
                  </div>
                </div>
                <div class="pools">
                      <div class="moduletablepolls_mod">
          <h3>Опрос</h3>
          
<div class="pollpolls_mod" style="border:none; padding:1px;">

    <h4 class="poll_mod_title">Достаточно ли информативен наш ресурс?</h4>

<div id="polldiv_1">

<form class="jqtransformdone" action="/index.php" method="post" name="poll_vote_1" id="poll_vote_1">
  <div class="sectiontableentry2polls_mod vote_line" style="display:block;">
    <span class="jqTransformRadioWrapper"><a href="#" class="jqTransformRadio" rel="voteid"></a><input class="jqTransformHidden" name="voteid" id="voteid1" value="1" alt="1" type="radio"></span>
      Да  </div>
    <div class="sectiontableentry1polls_mod vote_line" style="display:block;">
    <span class="jqTransformRadioWrapper"><a href="#" class="jqTransformRadio" rel="voteid"></a><input class="jqTransformHidden" name="voteid" id="voteid2" value="2" alt="2" type="radio"></span>
      Нет  </div>
    <div class="sectiontableentry2polls_mod vote_line" style="display:block;">
    <span class="jqTransformRadioWrapper"><a href="#" class="jqTransformRadio" rel="voteid"></a><input class="jqTransformHidden" name="voteid" id="voteid3" value="3" alt="3" type="radio"></span>
      Ещё не всё увидел  </div>
    <div class="sectiontableentry1polls_mod vote_line" style="display:block;">
    <span class="jqTransformRadioWrapper"><a href="#" class="jqTransformRadio" rel="voteid"></a><input class="jqTransformHidden" name="voteid" id="voteid4" value="4" alt="4" type="radio"></span>
      Здесь впервые  </div>
    <div class="sectiontableentry2polls_mod vote_line" style="display:block;">
    <span class="jqTransformRadioWrapper"><a href="#" class="jqTransformRadio" rel="voteid"></a><input class="jqTransformHidden" name="voteid" id="voteid5" value="5" alt="5" type="radio"></span>
      Затрудняюсь ответить  </div>
  <div id="mod_poll_messages_1" style="margin:5px;"> </div>  <div style="padding:2px;" id="poll_buttons_1">  
  <button id="submit_vote_1" name="task_button" type="submit" class="button jqTransformButton"><span><span>Голосовать</span></span></button>
  </div>  
  <div id="poll_loading_1" style="display:none;">Обработка....  </div>    

  <input name="option" value="com_acepolls" type="hidden">
  <input name="id" value="1" type="hidden">
    <input name="task" value="vote" type="hidden">
  <div><input name="f8c3ae759066c62ce0ce24b3f830a18a" value="1" type="hidden"></div></form>


<!-- End of #polldiv -->
</div>
<div id="poll_links">

    <a class="poll_result_link" href="/">Результаты</a><br>
    
  
</div>
</div>    </div>
  
                </div>
                <div class="adbox">
                  
                </div>
              </div>
              <div class="clear"></div>
            </div>
            <div id="footer">
                  <div class="moduletable">
          <div class="custom">
  <div class="counters"></div>
<div class="copyright">© Все права защищены © 2011<br> <a href="/">dle-wp.ru</a> - ремонт и строительство загородных домов</div></div>    </div>
  
            </div>
          </div>
        </div>
      </div>  
    </div>
  

<div id="fancybox-tmp"></div><div id="fancybox-loading"><div></div></div><div id="fancybox-overlay"></div><div id="fancybox-wrap"><div id="fancybox-outer"><div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div><div id="fancybox-content"></div><a id="fancybox-close"></a><div id="fancybox-title"></div><a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a></div></div></body></html>
 
очень странный подход, предлагаю переделать
#content { width: 1000px; float: left; } уменьшить ширину на 230px (- ширина левой колонки) и float: right;
т.е. #content { width: 770px; float: right; }

у #text убрать margin: 0 0 0 230px;

левую колонку сделать такой
#left { float: left; width: 230px; min-height:300px; height:auto!important; height:300px; background:url(../images/top_menu_bg.jpg) no-repeat; }
 
очень странный подход, предлагаю переделать
#content { width: 1000px; float: left; } уменьшить ширину на 230px (- ширина левой колонки) и float: right;
т.е. #content { width: 770px; float: right; }

у #text убрать margin: 0 0 0 230px;

левую колонку сделать такой
#left { float: left; width: 230px; min-height:300px; height:auto!important; height:300px; background:url(../images/top_menu_bg.jpg) no-repeat; }

Так вроде получается но теперь
Код:
#bottom_line {
  background:url(../images/bottom_repairse_line.jpg) repeat-x bottom;
}
в IE находится в вверху а не в низу
 
#bottom_line в css не нашёл ). попробуй display: inline-block
 
#bottom_line в css не нашёл ). попробуй display: inline-block
Я выделили в коде bottom_line
Код:
html, body                  { height: 100%; width: 100%; margin: 0; padding: 0; font-size: 12px; font-family: Tahoma; background:url(../images/mbg.jpg); }
table td                    { padding: 0px }
p                           { margin: 0; padding: 6px 0 5px; }
ul                          { margin: 0; padding: 0; }
li                          { margin: 0; padding: 0; list-style-type: none; }
form                        { padding: 0; margin: 0; }
a               { text-decoration: underline; color: #AC410C; }
a:hover                     { text-decoration: none }
img                         { border: 0; margin: 0;}
.clear                      { clear: both }
/*    3-  */
#wrapper                    { width: 1000px; margin:0 auto; background:url(../images/bg.jpg) repeat-y; text-align:left; }
#content                    { width: 770px; float: right; }
#text                       { min-height:300px; height:auto!important; height:300px; background: url(../images/text_box_top.jpg) no-repeat 0 70px; }
#left                       { float: left; width: 230px; min-height:300px; height:auto!important; height:300px; background:url(../images/top_menu_bg.jpg) no-repeat; }
dt,dl,dd { margin:0; padding:0;}

h1,h2,h3 {
  font-size:17px;
  margin:0;
  padding:0;
}

h4,h5,h6 {
  font-size:14px;
  font-weight:bold;
  margin:0;
  padding:0;
}

.fixbox {
  text-align:center;
}

[COLOR="Red"][B]#bottom_line {
  background:url(../images/bottom_repairse_line.jpg) repeat-x bottom;
  width:100%;[/B][/COLOR]
}

#top_line {
  background:url(../images/repeat_bg_top.jpg) repeat-x top;
  width:100%;
  height:504px;
}

#menu {
  background:url(../images/top_menu2.jpg) no-repeat;
  width:100%;
  height:70px;
  padding:1px 0 0;
}

#logo {
  width:320px;
  height:112px;
  position:absolute;
  left:0px;
  top:0;
}

#introductory_text {
  width:516px;
  height:18px;
  position:absolute;
  bottom:5px;
  right:145px;
}

#header {
  width:1000px;
  height: 345px;
  background:url(../images/header2.jpg) no-repeat;
  position:relative;
}
 
#footer {
  width:1000px;
  height: 165px;
  background:url(../images/footer.jpg) no-repeat right;
}

.cat_menu {
  padding:0 0 0 45px;
  height:100px;
}

.cat_menu h3 {
  font-size:17px;
  color:#FFFFFF;
  font-weight: normal;
  padding:10px 0 0;
  margin:0;
}

.moduletable_menu {
  margin:8px 0 0 105px;
}

.moduletable_menu li {
  display:inline;
  font-size:15px;
  padding:13px 30px 13px 31px;
  font-weight:bold;
  line-height:22px;
}

.moduletable_menu a {
  color:#255C00;
  font-size:15px;
  text-decoration:none;
}

.moduletable_menu a:hover {
  text-decoration:underline;
  color:#FFFFFF;
}

.cat, 
.news,
.pools,
.adbox {
  margin:0 11px 0 31px;
}

.cat {
  color:#404040;
  border-top:1px dashed #B7B7B7;
  padding:0 0 10px;
}

.cat li {
  font-size:15px;
  border-bottom:1px dashed #B7B7B7;
  padding:3px 0;
}

.cat a {
  color:#404040;
  font-size:14px;
  text-decoration:none;
  padding:4px 10px 5px 20px;
  display:block;
  background:url(../images/mark.png) no-repeat 7px 50%;
}

.cat a:hover  {
  color:#FFFFFF;
  background:url(../images/mark.png) no-repeat #AC410C 7px 50%;
  font-size:14px;
}

.moduletablenewsfix {
  margin:5px 0 0 0;
}

.moduletablenewsfix h3,
.moduletablepolls_mod h3 {
  font-weight: normal;
  color:#404040;
  border-bottom:5px solid #AC410C;
  padding:0 0 1px 15px;
}

.latestnewsnewsfix a {
  font-size:12px;
  text-decoration:none;
  color:#404040;
  font-weight:bold;
}

.newsfix div.newsfix {
  padding:5px 1px 10px;
  font-size:12px;
  line-height:17px;
  border-bottom:1px dashed #B7B7B7;
}

.newsfix div.newsfix p {
  padding:0 0 2px;
}

a.readonnewsfix {
  font-size:12px;
  float:right;
}

.createdatenewsfix {
  color:#919191;
  font-size:12px;
  float:left;
}

.moduletablepolls_mod {
  padding:10px 0 0!important;
}

.poll_mod_title {
  font-size:12px;
  font-weight: normal;
  padding:0;
  margin:4px 0 5px;
  color:#404040;
}

.jqTransformHidden {
    display: none;
}

#poll_buttons_1 {
  clear:both;
  padding:5px 0 0!important;
}

.vote_line {
  float:left;
  width:100%;
  padding:3px 0;
}

.jqTransformRadioWrapper {
  float:left;
  margin:0 7px 0;
  display:inline;
}

.vote_layer span {
  float:left;
  font-size:11px;
}

a.jqTransformChecked {
    background-position: 0 -13px;
}

.jqTransformRadio {
  background:url(../images/votes.gif) no-repeat;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.jqTransformButton {
  background:url(../images/button.png) no-repeat;
  border:none;
  color:#FFFFFF;
  font-weight:bold;
  cursor:pointer;
  width:93px;
  height:23px;
  padding-bottom:5px;
  line-height:22px;
  float: left;
  display:inline;
  font-size:11px;
  margin:2px 0 0 0;
}

#poll_links {
  background:url(../images/button.png) no-repeat;
  color:#FFFFFF;
  font-weight:bold;
  float:left;
  font-size:11px;
  padding:4px 9px 5px 10px;
  margin:2px 0 0;
  display:inline;
}

#poll_links a {
  color:#FFFFFF;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
}

.adbox {
  clear:both;
  float:left;
  padding:15px 0 0;
  display:inline;
}

.content_box {
  padding:10px 25px;
  color:#404040;
  line-height:18px;
}

.content_box h1 {
  font-size:20px;
  border-bottom:5px solid #B7B7B7;
  padding-bottom:5px;
  padding-left:3px;
  color:#255C00;
  font-weight:normal;
}

.content_box h3 {
  color:#AC410C;
  font-size:17px;
  font-weight:normal;
  border-bottom:5px solid #B7B7B7;
  padding-bottom:4px;
}

.pagination {
    color: #626262;
  font-size:13px;
  margin:10px 0;
  float:left;
  width:720px;
}

.pagination li {
  display:inline;
  padding:5px 2px;
  float:left;
}

.pagination span {
    color: #404040;
    font-size: 13px;
    font-weight: bold;
    padding: 0 2px 2px;
}

.pagination strong span {
    color: #E05300;
    font-size: 13px;
    padding: 1px 3px;
    text-decoration: none;
}

.pagination a {
    color: #AC410C;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
  background:#AC410C;
  border:1px solid #6E2A09;
  color:#FFFFFF;
}

.pagination span {
  border:1px solid #B7B7B7;
  padding:3px 5px;
}

.setartcle {
  border-top:1px dashed #B7B7B7;
  padding:5px 0;
  margin:10px 0 0;
}

.published span {
  color:#AC410C;
}

.published {
  color:#919191;
  float:left;
}

.content_box h2 a {
  font-size:17px;
  font-weight:normal;
  text-decoration:none;
  color:#255C00;
}

.content_box h2 {
  border-bottom:5px solid #B7B7B7;
  padding-bottom:4px;
  padding-left:3px;
  font-size:17px;
  color:#255C00;
  font-weight:normal;
}


.content_box p {
  padding:3px 0;
}

.readmore {
  float:right;
  padding-right:10px;
}

.readmore a {
  font-size:12px;
  font-weight:bold;
}

.items-row  {
  width:720px;
  float:left;
}

.column-1  {
  float:left;
  width:345px;
}

.column-2  {
  float:right;
  width:345px;
}

.items-leading {
  float:left;
  width:720px;
  margin:0 0 10px;
}

.counters {
  float:left;
  margin:30px 10px 0 30px;
  display:inline;
}

.copyright {
  float:left;
  margin:29px 0 0;
  color:#FFFFFF;
}

.copyright a {
  color:#FFFFFF;
}


.gallbox .moduletable {
  width:700px;
  padding:10px;
  border:1px solid #919191;
  background:#B7B7B7;
  margin:10px 0 10px 27px;
}

.gallbox .sigplus-gallery {
  border:1px solid #919191;
  background:#E1E1E1;
  padding:5px 0 5px 3px;
  width:695px;
}


.contact h2 {
  margin-bottom:5px;
}

.contact-address {
  margin:7px 0 0;
}

.contact img  {
  float:left;
  margin:0px 5px 0px 0px;
  padding-top:5px;
}

.contact h3 {
  border:none;
  font-size:14px;
  font-weight: bold;
  padding-bottom:0;
  clear:both;
  color:#404040;
}

.star {
  color:#FF0000;
}

*html .sigplus-gallery li {
  float:left;
  display:inline;
}

*html .sigplus-gallery li img {
  margin:0 4px;
}

.componentheading {
    border-bottom: 5px solid #B7B7B7;
    color: #255C00;
    font-size: 17px;
    font-weight: normal;
    padding-bottom: 4px;
    padding-left: 3px;
  margin-top:-20px;
}

.smalldark {
  font-size:12px;
  color:#404040;
  font-weight:bold;
}

.all_news {
  padding:6px 0 0;
  text-align:right;
}

.all_news a {
  font-size:11px;
  color:#919191;
}

.contact-form {
  border:1px solid #919191;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  border:30px solid #B7B7B7;
  margin-top:10px;
  background:#E9EAEE;
  padding:15px;
}

.contact-form input {
  height:20px;
  border:1px solid #B7B7B7;
  line-height:21px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:3px;
}

.contact-form textarea {
  border:1px solid #B7B7B7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:5px;
}

*html .contact-form input {
  height:25px;
  padding:0;
}

.contact-form .button {
  background:#E1E1E1;
  border:1px solid #919191;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  font-size:14px;
  font-weight:bold;
  padding:5px 7px 7px;
  margin:10px 0 0;
  cursor:pointer;
  height:33px;
  line-height:20px;
  width:200px;
}

.contact fieldset {
  width:628px;
  border:none;
}

.contact fieldset legend {
  margin:0;
  padding:0;
  color:#AC410C;
  font-size:13px;
  font-weight:bold;
}

.moduletablerelatesbox {
  width:720px;
  margin:0 0 0 25px;
  padding:10px 0 20px;
}

.moduletablerelatesbox h3 {
  font-size:17px;
  font-weight:normal;
  border-bottom:5px solid #B7B7B7;
  margin-bottom:5px;
  text-transform:uppercase;
  color:#AC410C;
  padding-bottom:4px;
  text-align:center;
}

.moduletablerelatesbox a {
  line-height:21px;
  font-size:14px;
  font-weight:bold;
  color:#255C00;
  background:url(../images/arr.gif) no-repeat 0 6px;
  padding-left:10px;
}

#xmap .level_0 {
  padding:10px 0 10px 15px;
  line-height:20px;
}


#xmap .level_1 {
  padding-left:30px;
}

#xmap .level_1 a {
  font-weight:normal;
}

#xmap a {
  color:#404040;
  font-size:12px;
  font-weight:bold;
}

#xmap a:hover {
  color:#AC410C;
}

.item-separator {
  clear:both;
  height:10px;
}

.category-desc {
  padding-bottom:20px;
}
.item-page img {
  margin:2px 8px 0 0;
}
 
без akufs'a не разобраться. Вы неправильно делаете, нужно сначала "скелет" построить расширяемый и подстраивающийся под любые устройства, а css'ом уже рюшечки подвешивать. Про js вообще можете забыть, это для малолеток.
 
Назад
Зверху Знизу