Веб-дизайн

Проблемы с версткой в разных браузерах


← заложи эту тему или зарегистрируйся

Помогите пожалуйста разобраться вот в каом интересном деле. В IE и Opera - все хорошо, страница, при большом контенте увеличивается по высоте,




а в mozilla - не хочет.



Вот код:

<body>

<center>
   <div style="width: 980px; height: 57px;">
   <!-- Шапка  - ИЗОБРАЖЕНИЕ-->
      {section.path_img_title}
   </div>
   
   <div style="width: 980px; height: 35; background-image: url(/templates/lito/images/top_page.png);">
   <!-- изображение -->
   </div>
   
   <div class="leftp">
   <!-- Общий контейнер -->
   <div class="main_cont">
          <!-- Контейнеры изречений -->
         <!-- ТЕРМИН ДНЯ -->
         <div style="padding: 3px;"></div>
         <div class="leftlink">
         Умолчание - фигура речи, которая представляет собой обрыв высказывания в расчете на то, что читатель или слушатель догадывается, о чем идет речь, и может мысленно ее закончить.
         <br><br>
         <a href="/" class="left" title="Подробнее">Подробнее...</a>
         </div>
         <!-- ВОПРОС ДНЯ -->
         
         <div class="leftlink">
         Умолчание - фигура речи, которая представляет собой обрыв высказывания в расчете на то, что читатель или слушатель догадывается, о чем идет речь, и может мысленно ее закончить.
         <br><br>
         <a href="/" class="left" title="Подробнее">Подробнее...</a>
         </div>
         <!-- ФАКТ ДНЯ -->
         
         <div class="leftlink">
         Умолчание - фигура речи, которая представляет собой обрыв высказывания в расчете на то, что читатель или слушатель догадывается, о чем идет речь, и может мысленно ее закончить.
         <br><br>
         <a href="/" class="left" title="Подробнее">Подробнее...</a>
         </div>
         <!-- ЧЕТВЕРОСТИШИЕ ДНЯ -->
         
         <div class="leftlink">
         Умолчание - фигура речи, которая представляет собой обрыв высказывания в расчете на то, что читатель или слушатель догадывается, о чем идет речь, и может мысленно ее закончить.
         <br><br>
         <a href="/" class="left" title="Подробнее">Подробнее...</a>
         </div>
   </div>

  <!-- CONTENT -->
  <div id="CONTENT">
         <DYNAMICBLOCK: menu>
         <img src="/templates/lito/images/point.png" class="imagepoint">&ensp;<a class="top" href="{menu.link}">{menu.caption}</a><br>
         </DYNAMICBLOCK>
         
         
         
         <!-- <DYNAMICBLOCK: menu>
         <img src="/templates/lito/images/point.png" class="imagepoint">
         </DYNAMICBLOCK>  -->   
             <!--<DYNAMICBLOCK: path_section></DYNAMICBLOCK> -->           
         <h1><DYNAMICBLOCK: path_section><a class="top" title="{path_section.message_alt}" href="{path_section.link}">{path_section.caption}</a><b class="caption"> > </b></DYNAMICBLOCK><font color="#000000"> <strong class="caption"> {section.caption}</strong></font></h1>
         <DYNAMICBLOCK: down_sections>
               <h2 style="margin:0; padding:0;"><font color="#6d6e6e" size="3">    • </font><a class="top" href="{down_sections.link}" title="{down_sections.message_alt}">{down_sections.caption}</a></h2>
            </DYNAMICBLOCK>                       
                                     
            <p>{section.text}</p>
    </div>   
<!-- CONTENT -->   

      <div style="width: 27px; min-height: 708px; float: left; background-image: url(/templates/lito/images/right_page.jpg);">
      </div>
   </div>
   <div style="width: 980px; height: 39px; background-image: url(/templates/lito/images/bottom_page.png);" >
   
   </div>
</center>

</body>


И часть css:

#CONTENT{

display: block;
width: 652px;
border: 0px solid black;
float: left;
min-height: 400px;
text-align: left;

/*------------------------------------------*/
color: #042107;
font-family: Tahoma;
font-size: 9pt;
font-weight: lighter;
}

.leftp{width: 980px; min-height: 708px; background-image: url(/templates/lito/images/prom_page.png);}

.main_cont{display: block; overflow: hidden; width: 301px; min-height: 708; float: left; background-image: url(/templates/lito/images/left_page.jpg); background-repeat: no-repeat;}

Подскажите пожалуйста!!!

  

надо делать тянующиеся страницы, тогда в любом браузере будет все ок

  

Огромнейшее спасибо...

  
www.world.mostyle.ru - мир web-дизайна

Ex Voto, оно и так будет ок, если знаешь как делать :)

  
http://txplife.ru/ - мой простенький блог о Textpattern.
Что стоит учесть в веб-дизайне Проблемы с версткой в разных браузерах Мастер-класс Людвига Быстроновского