За последние 24 часа нас посетили 33865 программистов и 1716 роботов. Сейчас ищут 1064 программиста ...

Свободное место с низу

Тема в разделе "HTML и CSS", создана пользователем Ric, 1 май 2011.

  1. Ric

    Ric Активный пользователь

    С нами с:
    9 фев 2011
    Сообщения:
    97
    Симпатии:
    2
    Здраствуйте форумчане.
    Переделываю свой сайт и возникла проблема с тем, что внизу очень много свободного места с чем это связано я к сожалению пока не знаю.
    PHP:
    1.  
    2. <?php
    3.   require ('include_fns.php');
    4.   do_html_header('Добро пожаловать в интернет-магазин Fleurs!');
    5.   ?>
    6. <div>
    7.     <table  class="mainTable" style="clear: left; position: relative;background-image:url('images/main_fon.png');
    8.            background-repeat: no-repeat;
    9.           top: -380px; margin-left: 30px; width:1283px; height:1623px; z-index: 2;">
    10. </div>
    11.         <tr>
    12.             <td>
    13.                 <div id="search">
    14.                    <?php  display_search();/* функция находиться в output_fns.php*/?>
    15.                 </div>
    16.                 <div id="menu">
    17.                   <?php  display_standart_menu();//функция находиться в output_fns.php?>  
    18.                 </div>
    19.                     <?php  $cat_array = get_categories(); //функция находиться в flow_fns.php
    20.                      display_categories($cat_array);//функция находиться в output_fns.php?>
    21.             </td>
    22.             <td>
    23.             <?php show_cart();//функция находится в flow_fns.php?>
    24.             </td>
    25.         </tr>
    26.         <tr>
    27.              <?php
    28.                 if(check_valid_user()){
    29.               user_profile();
    30.             }
    31.             else
    32.             {
    33.             display_enter();
    34.             }?>
    35.         </tr>
    36.     </table>
    [css]/*изображение шапки*/
    #mainImage { width:100%;height: 350; position:relative;
    float:left; margin-right:-180px; z-index: 3;}
    /*меню*/
    #menu{clear: left;z-index:4;position: relative; margin-left:250px; top:-140px; }
    /* Поисковик */
    #search{position: relative; left: 40px; top: -255px; float: left;}
    /* шапка таблицы каталог товаров */
    #header_cat_tovar{
    position: absolute; top: -37px; margin-left: -4px; width: 205px;
    }
    /* таблица категорий товара*/
    .category{clear: left; position: relative; width: 203px;
    background-image: url(../images/table_fon.png);
    background-repeat: no-repeat; top: -205px; margin-left: 39px;
    }
    /* элемент li в функции display_categories ( output_fns.php ) */
    li
    {
    position: relative; top: -07px; margin-left: 10px;
    }
    /* ссылки */
    a:link{
    color : darkblue;
    text-decoration : none;}
    /* нажатая ссылка */
    a:visited {
    color : darkblue;
    text-decoration : none;}
    /* размеры изображения при пустой тележке */
    #cartImage1{
    position: absolute; top: -37; left: 0; width: 205px; margin-right: 350px;
    }
    /* размеры таблицы пустой тележки */
    #telezhkaNull
    {
    position: relative; top: -190px;
    background-repeat: no-repeat;
    height: 250px;
    width: 204px;
    }
    /* размеры таблицы не пустой тележки */
    #telezhkaNotNull
    {
    position: relative; top: -190px;
    background-repeat: no-repeat;
    height: 250px;
    width: 204px;
    }
    /* размеры изображения при не пустой тележки */
    #cartImage2{
    position: absolute; top: -37; left: 0; width: 205px; margin-right: 350px;
    }
    /* надпись при пустой тележке */
    #cartNull
    { position: relative;
    top: -70px;
    margin-left: 12px;
    font-family: 'Monotype Corsiva';
    font-size: 25px;
    }
    /* надпись при не пустой тележке */
    #cartNotNull
    {
    position: relative;
    top: -50px;
    margin-left: 30px;
    font-family: 'Monotype Corsiva';
    font-size: 20px;
    }
    /* изображения формы в функции display_enter output_fns.php */
    #enterImage
    {
    position: absolute;
    top: -37px;
    width: 205px;
    left: 0px;
    }
    /* таблица входа функция display_enter output_fns.php */
    #enterTable
    {
    clear: right;
    position: relative;
    background-repeat: no-repeat;
    margin-left: 1060px;
    top: -1200px;
    z-index: 3;
    width: 205px;
    }
    /* текс сообщения о действия пользователя */
    .Message
    {
    position: absolute;
    top: 350px;
    right: 400px;
    width: 550px;
    font-family: 'Monotype Corsiva';
    font-size: 20px;
    color: #006633;
    }
    #footer
    {
    clear: left;
    position: relative;
    bottom:0px;
    margin-left: 500px;
    }[/css]
    скрин 1:http://s51.radikal.ru/i134/1104/dc/808990ad4313.jpg скрин 2http://s55.radikal.ru/i150/1104/c7/4cf4f4f858ee.jpg
    P.s. прошу меня извенить за километровый код.
     
  2. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    Ric
    могу посоветовать воспользоваться firebug-ом. отличная штука, сразу покажет какие элементы дают подобный эффект.
     
  3. Ric

    Ric Активный пользователь

    С нами с:
    9 фев 2011
    Сообщения:
    97
    Симпатии:
    2
    Gromo
    спасибо, штука действительно отличная.
    страница исправлена.