Reply to this topicStart new topicStart Poll

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

marsowy
Отправлено: Apr 30 2010, 12:03 AM
Quote Post


  Солдат
*

Группа: unior
Сообщений: 1
Пользователь №: 3297
Регистрация:
29-April 10



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

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

ниже привожу файлы шаблона и css:
CODE
<?php if($this->countModules('left')) : ?>
     <div style="width:160px; height:600px; float:left; padding:40px;">
        <jdoc:include type="modules" name="left" />
     </div>
  <?php endif; ?>  
  <div id="wrapper" style="float:left;">
     <div class="clr"></div>  
     <div id="container">
        <div id="page_content">
           <?php if($this->countModules('right')) : ?>
              <div id="right_outer">
                 <div id="right_top"></div>
                     <div id="right_inner_float">
                        <div id="right_inner">
                           <jdoc:include type="modules" name="right" style="rounded" />
                        </div>
                     </div>
                     <div id="right_bottom"></div>
                  </div>
           <?php endif; ?>      
            <div id="content_out<?php echo $contentwidth; ?>">
              <div id="content_outer">
                 <div id="content">            
                     <jdoc:include type="message" />
                     <jdoc:include type="component" />
                     <jdoc:include type="modules" name="intext_bottom" />
                 </div>
                 <div class="clr"></div>
              </div>
           </div>
        </div>  

CODE
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;
}


заранее благодарен за любую помощь
PMEmail Poster
Top
DarlaXXL
Отправлено: Feb 11 2011, 03:47 PM
Quote Post


  Майор
*

Группа: Members
Сообщений: 107
Пользователь №: 3598
Регистрация:
12-November 10



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

PMEmail Poster
Top

Topic Options Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0284 ]   [ 10 queries used ]   [ GZIP выключен ]