Не резиновая резина

шаблон резиновый только на главной странице остальные не растягиваются

#1 17 мая 2012 в 19:54
Здрасте всем, помогите пжт, очень надо, сделал резинку, а она тока на главной странице работает, на остальных leftbar уезжает за padding-left, sidebar в середине страницы, а центральная часть не растягивается больше 842px, уже всю голову сломал.
template.php
  1. <div id="mainbody" class="container_12">
  2. <div id="main" class="grid_<?php echo $main_weidth ?>">
  3. <?php cmsModule('maintop'); ?>
  4. <?php cmsBody(); ?>
  5. <?php cmsModule('mainbottom'); ?>
  6. </div>
  7. <?php if ($mod_count['leftbar']) { ?>
  8. <div class="grid_4" id="leftbar"><?php cmsModule('leftbar'); ?></div>
  9. <?php } ?>
  10. <?php if ($mod_count['sidebar']) { ?>
  11. <div class="grid_4" id="sidebar"><?php cmsModule('sidebar'); ?></div>
  12. <?php } ?>
style.css
  1. #main{padding:0 200px}
  2. #sidebar {
  3. float: left;
  4. margin-right: -3px;
  5. margin-left: -200px;
  6. position: relative;
  7. }
  8. #leftbar{
  9. float: left;
  10. margin-left: -100%;
  11. position: relative;}
  12.  
960.css
  1. .container_12 .grid_4{width:200px;}.container_12 .grid_8{width:auto}
#2 17 мая 2012 в 20:15
Ссылку на сайт дайте.
#4 17 мая 2012 в 21:00
ну что какие есть идеи?
#5 17 мая 2012 в 21:10
У вас #main имеет float:left. соответственно он наследует ширину вложенного контента. Ни больше ни меньше. Если на главной что-то заставляет его тянуться, то на последующих страницах этого чего-то просто нет. Если честно, увидев как реализована общая структура шаблона у меня пропало всякое желание ковырять глубже. Кто же вам так плавающие блоки то поставил...?
#7 17 мая 2012 в 21:33
а без float:left main растягивается на всю ширину и баров вообще не видно
#8 17 мая 2012 в 21:53
Если в двух словах, то плавающие блоки должны стоять ПЕРЕД центральным. Предположим начала должен идти левый (float:left), потом правый (foat:right) и потом между ними входит центральный блок без всяких флоатов, если необходимо, то с соответствующими марджинами слева и справа. У вас же все наоборот. А все последующие выкрутасы с позиционированием и отрицательными марджинами только усугубили ситуацию…
#9 17 мая 2012 в 22:08
сделал как вы сказали, без float центральная часть не воспринимает не margin не padding и оказывается бод барами в любом случае
#10 17 мая 2012 в 22:20
заменил
  1. <div id="main" class="grid_<?php echo $main_weidth ?>">
на
  1. <div id="main" class="grid_8">
центральная часть встала по центру, но верхний блок теперь по высоте очень растянут
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.