Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 30.04.2014 01:05

marsowy
Новичок
Зарегистрирован: 30.04.2014
Сообщений: 1

Проблема с разметкой страницы

Доброго времени суток!

делаю сайт на joomla 1.5.15 ссылка на сайт confiskatonline.ru
на всех страницах после добавления позиции left в шаблон сайта образовалась проблема - содержание страницы съезжает вниз, если разрешение монитора меньше 1280х768!

ниже привожу файлы шаблона и css:

Код:

countModules('left')) : ?>
      
countModules('right')) : ?>


Код:

html {
  height: 100%;
}
body {
   height: 100%;
   margin:0;
   padding:0;
   font-family: verdana,sans-serif;
   font-size: 12px;
   color: #505050;
   background-color: #fff;
   line-height : 145%;
}
#header_container {
   width: 100%;
   height: 110px;
   background-color: #000;
   background-repeat:repeat-x;
   margin-top: 1px;
}
#header {
   width: 998px;
    height: 110px;
   margin:0 auto;
   padding:0;
}
#flashhg {
   width: 100%;
   height: 100%;
}
#image_logo {
   text-decoration:none;
   float:left;
   width: 830px;
   height: 110px;
   margin: 0 0 0 25px;
   background-image:url('../images/logo.gif');
   background-position: left top;
   background-repeat: no-repeat;
}
#text_logo {
   text-align:left;
   text-decoration:none;
   float:left;
   width: 830px;
   height: 55px;
   margin: 0 0 0 25px;
}
#logo_text {
   width:auto;
   font-family: Arial black;
   font-size: 42px;
   line-height: 70px;
   height: 55px;
   overflow:hidden;
   color: #e2001a;
   text-transform:uppercase;
}
#logo_slogan {
   width:auto;
   font-family: Arial black;
   font-size: 18px;
   line-height: 18px;
   color: #fff;
   height: 50px;
   padding: 5px 0 0 100px;
   line-height: normal;
   text-transform:uppercase;
   overflow:hidden;
}
/* normal topmenu on position user3*/
#navigation_container {
   width: 100%;
   height: 35px;
   background-color: #ff0000;
   background-image:url('../images/dropdown_menu_container.gif');
   background-repeat:repeat-x;
}
#navigation {
   width: 998px;
   height: 35px;
   padding:0;
   margin: 0 auto;
   text-align:center;
   border-left: 1px solid #f24d4d;
}
/* CSS dropdown menu on position dropdown_menu */
#dropdown_menu_container {
   width: 100%;
   height: 35px;
   background-color: #ff0000;
   background-image:url('../images/dropdown_menu_container.gif');
   background-repeat:repeat-x;
}
#dropdown_menu {
   overflow : visible;
   width: auto;
   width: 998px;
   height: 35px;
   padding:0;
   margin: 0 auto;
   text-align:center;
   border-left: 1px solid #f24d4d;
}
#user_modules1_container {
   width: 100%;
   float: right;
   height:auto;
   border:none;
   padding:0;
   margin:0;
   background-image:url('../images/user_modules1.gif');
   background-repeat:repeat-x;
}
#user_modules1 {
   width: 998px;
   height: auto;
   margin: 0 auto;
}
#user_modules1_float {
   float:left;
   width: 998px;
   height: auto;
   border:none;
   padding:0;
   margin: 0;
}
#user5_outer {
   float:left;
   width: 31.3%;
   padding: 0 1% 0 1%;
   overflow:hidden;
}
#user6_outer {
   float:left;
   width: 100%;
   padding: 0 1% 0 1%;
   overflow:hidden;
}
#user7_outer {
   float:left;
   width: 31.3%;
   padding: 0 1% 0 1%;
   overflow:hidden;
}
.line {
   width: 100%;
   height: 5px;
   background-image:url('../images/line.gif');
   background-repeat:repeat-x;
}
#wrapper {
   width: 998px;
   margin: 0 auto;
}
#search {
   float: right;
   margin:0;
   padding:0;
   height: 30px;
   margin: 20px 0 0 0;
   height: 30px;
   width: 140px;
   background-image:url('../images/search.gif');
   background-repeat: no-repeat;
}
#search .inputbox {
   margin: 0 0 0 11px;
   height: 13px;
   font-size: 10px;
   padding: 0 2px 0 2px;
   color: #505050;
   width: 114px;
   border: none;
   background-color: transparent;
   height: 15px;
}
#search .inputbox:hover {
   color: #ff0000;
}
#top_outer {
   width: 514px;
   height: 150px;
   float:right;
   background-image:url('../images/top_outer.gif');
   background-position: center top;
   margin: 15px 10px 0 10px;
   overflow: hidden;
}
#container {
   text-align:left;
   padding: 0;
}
#container2 {
   text-align:left;
   background-color: transparent;
   margin:auto;
}
#page_content {
   padding: 0px;
   margin: 0;
   width: 100%;
}
#right_top {
   float:left;
   height: 25px;
   width: 295px;
   background-image : url(../images/right_top.gif);
   background-repeat : repeat-y;
}
#right_outer {
   float : right;
   width : 295px;
   padding : 0;
   margin : 0;
   background-color:#f7f7f7;
}
#right_inner_float {
   width : 295px;
   float : left;
   background-image : url(../images/right.gif);
   background-repeat : repeat-y;
}
#right_inner {
   float : none;
   padding: 0 2px 2px 8px;
   width : 288px;
}
#right_bottom {
   float:left;
   height: 25px;
   width: 295px;
   background-image : url(../images/right_bottom.gif);
   background-repeat : repeat-y;
}
#content_outer {
   float:left;
   width: 99.8%;
   margin-bottom: 10px;
   background-image : url(../images/content.gif);
   background-repeat : repeat-x;
   background-position:center bottom;
}
#content_outmiddle {
   margin: 0 300px 0 0;
}
#content_outright {
   margin: 0 300px 0 0;
}
#content {
   float:left;
   padding: 0 10px 10px 10px;
   min-height: 400px;
   width: 98%;
}
table.contentpaneopen {
   width : 98%;
}
table.contentpane {
   width : 98%;
   padding : 6px;
   margin : 6px;
}

заранее благодарен за любую помощь

Нет на форуме

 

Board footer