Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > CSS + разметка страницы


Автор: initmax 17.8.2009, 12:01
Доброго.
Есть задача 
1) "отценторовать" содержимое страницы с отступом лево/право равным
2)  растянуть вниз окна браузера страницу на 95% до подвала

почитав манов накрутит такой CSS класс

Код

.mainpage {
        width: 80%;
    background: gray;
        padding: 2%;
    border: solid 1px white;
    float:inherit;
    position: relative;
    top: 50px;
    
      
}



затем  


Код

  <div class="mainpage">



            Михаил Булгаков родился
            3 (15) мая 1891 года в Киеве в семье доцента Киевской духовной
            академии Афанасия Ивановича Булгакова (1859—1907) и его жены
            Варвары Михайловны (в девичестве — Покровской) (1869—1922).
            В семье было семеро детей: Михаил (1891—1940), Вера (1892—1972),
            Надежда (1893—1971), Варвара (1895—1954), Николай (1898—1966),
            Иван (1900—1969) и Елена (1902—1954).

В 1909 году Михаил Булгаков закончил киевскую Первую
гимназию и поступил на медицинский факультет Киевского университета.
31 октября 1916 года — получил диплом об утверждении «в степени лекаря
с отличием со всеми правами и преимуществами, законами Российской
Империи сей степени присвоенными».[1]
Был направлен на работу в село Никольское Смоленской губернии, затем
работал
          
            
Код

  </div>


Порекомендуйте как ещё можно разметить страницу, какой нынче передовой подход.
Посоветуйте хорошую доку по верстске с помощью DIV.
Спасибо.




Автор: kariap 17.8.2009, 15:18
Нормальный док - http://htmlbook.ru !!!
Центруется все так: margin: o auto;   <-- 0 -отступ сверху и снизу, а auto - центрирование! -->

Автор: HARDMID 17.8.2009, 16:53
Еще хороший док с примерами - http://www.intuit.ru
Но его лучше после http://htmlbook.ru/ - сайт Влада поактуальнее будет.

Автор: initmax 18.8.2009, 08:28
Всем Спасибо!

Автор: Guiness 18.8.2009, 08:41
Цитата(kariap @  17.8.2009,  15:18 Найти цитируемый пост)
Центруется все так: margin: o auto;   <-- 0 -отступ сверху и снизу, а auto - центрирование! --> 

Для ie 6 неактуально, для него необходимо добавить стиль text-align:center, т.к. центрирует он все подряд, а auto в нем не работает.

Автор: skyboy 18.8.2009, 09:49
Цитата(Guiness @  18.8.2009,  07:41 Найти цитируемый пост)
Для ie 6 неактуально

вполне актуально.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)