Дайте совет по верстке

  1. Weblancer
  2. Форум фрілансерів
  3. Програмування
Максим В.
289 повідомлень
#16 років тому
В процессе разработки дизайна и верстки столкнулся с проблемой, как "опустить" белый фон до нижней границы страниц сайта с малым числом контента (в Опере и Мозилле).
Проблема не нова, но, возможно, в этом конкретном случае можно что-то посоветовать.
Сайт тут:
Мало, контента, например, тут: (снизу на стандартных разрешениях белого уже нет).
Нужный стиль здесь:

Пробовал играться со стилями, "подкладывать" нужный фон в низ сайта, но простым способом отцентровать не получилось.
Посоветуйте, как можно решить проблему.
Дмитрий Кислый
84 повідомлення
#16 років тому
Вы про это ?
Максим В.
289 повідомлень
#16 років тому
Извините, ieroglyph, не совсем понял.
Там про меню и ширину.

Если что, нужный фрагмент кода у меня:

<body>


<div id="wrapper">

  <div id="minHeight"></div>

  <div id="outer" height="100%">

    <div id="inner">

      <div id="left">

        <div id="left-inner">

          <h1 style="text-indent: -5000px;padding: 0px; margin:0px; font-size: 1px;"></h1>

          <div id="sidebar">

            <h2>News:</h2>

            ]

            <div id="recentdocsctnr">

              <h2>Most Recent:</h2>

              <a name="recentdocs"></a>] </div>

            <h2>Login:</h2>

            <div id="sidebarlogin">`!]</div>

            <h2>Meta:</h2>

            <p><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></p>

            <p><a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page uses valid Cascading Stylesheets" rel="external">Valid <abbr title="W3C Cascading Stylesheets">css</abbr></a></p>

            <p><a href="http://modxcms.com" title="Ajax CMS and PHP Application Framework">MODx</a></p>

          </div>



          <!-- close #sidebar -->

        </div>

        <!-- end left inner-->

      </div>

      <!-- end left -->



      <div id="right">

        <div id="right-inner">

          <div id="content">

            <div class="post">

              <h2></h2>

               </div>

            <!-- close .post (main column content) -->

          </div>

          <!-- close #content -->

        </div>

        <!-- end right-inner -->

      </div>

      <!-- end right -->

    </div>

    <!-- end inner -->

    <div id="clearfooter"></div>

    <div id="header">

      <h1><a id="logo" href="~]" title=""></a></h1>

 <h1><a id="logo2" href="~]" title="На главную"></a></h1>

<h1><a id="logo3" href="" title="Обратная связь"></a></h1>

<h1><a id="logo4" href="" title="Карта сайта"></a></h1>

<div  id="logo5"><a  class="uplink" href="~]" title="Лучший металлопрокат по лучшим ценам">www.snabsist.ru</a> - Лучший металлопрокат по лучшим ценам</div>

<div id="logo6"><span class="phonecode">(495)</span> <span class="phonenumber">771 56 37</span><br>

<span class="email">***</span></div>



      <div id="ajaxmenu"> ] </div>

      <!-- end topmenu -->

    </div>

    <!-- end header -->

    <br style="clear:both;height:0;font-size: 1px" />

    <div id="footer">


 <!--<div id="ajaxmenunew">] </div>-->

    </div>

    <!-- end footer -->


  </div>

  <!-- end outer div -->


</div>

<!-- end wrapper -->


</body>
Максим В.
289 повідомлень
#16 років тому
По сути, можно переформулировать так:
Можно ли сделать так, чтобы если высота контента меньше 100%, то значение для Мозиллы и Оперы было 100%, а если больше, то auto?
Михаил В.
2195 повідомлень
#16 років тому
У body убрать min-height и height:auto !important;
Для body прописать просто height:100% и все будет хорошо.