Показано с 1 по 11 из 11

Тема: Помогите, пожалуйста, есть жесткая разметка страницы требуется распологать ее по центру экрана

  1. #1

    Регистрация
    31.05.2010
    Адрес
    Россия
    Сообщений
    6
    Помогите, пожалуйста, есть жесткая разметка страницы. Требуется, чтоб она распологалась по центру (по горизонтали) экрана, для разных его разрешений.

    Код следующий:

    в css

    #Table01
    {
    position:absolute;
    left:0px;
    top:0px;
    width:1024px;
    height:1861px;
    }
    #divtable-header
    {
    position:absolute;
    left:0px;
    top:0px;
    background-image:url(imges/top.jpg);
    background-repeat:no-repeat;
    background-position:top;
    height: 163px;
    width: 1024px;
    }
    #divtable-left
    {
    position:absolute;
    top:164px;
    left:0px;
    background-image:url(imges/left.jpg);
    background-repeat:no-repeat;
    background-position:top;
    height: 1559px;
    width: 190px;
    background-color: #D6D6D6;
    }
    #divtable-right
    {
    position:absolute;
    left:190px;
    top:164px;
    background-image:url(imges/air.jpg);
    background-repeat:no-repeat;
    background-position:top;
    height: 1561px;
    width: 835px;
    }
    #divtable-footer
    {
    position:absolute;
    left:1px;
    top:1724px;
    background-image:url(imges/footer.jpg);
    background-repeat:no-repeat;
    background-position:top;
    height: 132px;
    width: 1024px;
    }


    на html странице

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link href="css.css" rel="stylesheet" type="text/css" />


    <title>...</title>

    </head>


    <body >
    <div id="Table01">
    * <div id="divtable-header" title= "...">

    </div>
    <div id="divtable-left">
    *</div>
    <div id="divtable-right" >
    *</div>
    <div id="divtable-footer" >
    * **</div>
    </div>

    </body>
    </html>


    Заранее очень благодарю за помощь!!!!

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Горизонтальное выравнивание по центру в прямом потоке:

    Код:
    {width: 1024px; margin: 0px auto;}
    Горизонтальное выравнивание по центру при абсолютном позиционировании:

    Код:
    {width: 1024px; margin-left: -512px; left: 50%;}

  3. #3

    Регистрация
    31.05.2010
    Адрес
    Россия
    Сообщений
    6
    Извиняюсь заранее за глупый вопрос, а куда вставлять этот код?

    и что такое прямой поток?


  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    куда вставлять этот код?
    Зависит от того, что именно необходимо выровнять.
    В вашем случае предположительно вот сюда:

    Код:
    #Table01 {width: 1024px; height:1861px; margin-left: -512px; position: absolute; left: 50%; top: 0px;}
    и что такое прямой поток?
    Это когда элементам, располагающимся в HTML-разметке друг за другом, НЕ назначено абсолютное позиционирование или свойство float (НЕ ваш случай).

  5. #5

    Регистрация
    31.05.2010
    Адрес
    Россия
    Сообщений
    6
    Спасибо огромное, здорово так, располагается по центру.

    Только вот при маленьком разрешении экрана, когда располагается по центру, менюшка не попадает в область просмотра, и линейка прокрутки только вправо позволяет двигаться, с этим можно что-нибудь сделать?*


  6. #6

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    с этим можно что-нибудь сделать?*
    Можно. Только для начала необходимо выяснить, что именно вы подразумеваете под «маленьким разрешением экрана».

  7. #7

    Регистрация
    31.05.2010
    Адрес
    Россия
    Сообщений
    6
    это рарешение экрана 800*600

  8. #8

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Если вы ориентируетесь на такое разрешение (уже давно, кстати, неактуальное на сегодняшний день), то и ширина вашего блока #Table01 должна быть соответствующей. В принципе, можно отказаться от абсолютного позиционирования для контейнера #Table01 и пустить его прямым потоком. Правда, в этом случае выравнивать его по центру придется уже другим способом (с помощью margin: 0px auto.

  9. #9

    Регистрация
    31.05.2010
    Адрес
    Россия
    Сообщений
    6
    То есть позволительно публиковать сайт не учитывая данную категорию пользователей с расширением (800*600), в этом нет ничего страшного

    а если делать прямым потоком, потребуются большие изменения?


  10. #10

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    То есть позволительно публиковать сайт не учитывая данную категорию пользователей с расширением (800*600)
    В общем случае позволительно.

    а если делать прямым потоком, потребуются большие изменения?
    Уберите у элемента #Table01 свойства position: absolute; left: 0px; top: 0px; и задайте ему вместо них position: relative; и margin: 0px auto;.

  11. #11

    Регистрация
    31.05.2010
    Адрес
    Россия
    Сообщений
    6
    Спасибо вам просто ОГОМЕННОЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕ Е

    Вы супер!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!*

    спасибо, спасибо, спасибо.................................... ..........





Похожие темы

  1. жесткая игрушка
    от phantom в разделе Флейм
    Ответов: 7
    Последнее сообщение: 20.10.2007, 17:38
  2. Float-разметка при печати страницы
    от Cheese в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 24.09.2007, 17:06
  3. Отображение страницы при разном разрешении экрана
    от fcbarcelona в разделе Веб-программирование
    Ответов: 2
    Последнее сообщение: 10.12.2006, 22:18
  4. Разметка страницы
    от Rryk в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 10.08.2006, 15:41
  5. Позицирование элемента по центру страницы
    от synchro в разделе Вёрстка сайта
    Ответов: 11
    Последнее сообщение: 23.06.2005, 13:32

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •