Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> CSS + разметка страницы, CSS DIV 
:(
    Опции темы
initmax
Дата 17.8.2009, 12:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 165
Регистрация: 24.7.2009

Репутация: нет
Всего: нет



Доброго.
Есть задача 
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.
Спасибо.





Это сообщение отредактировал(а) initmax - 17.8.2009, 13:13
PM MAIL   Вверх
kariap
Дата 17.8.2009, 15:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 3
Регистрация: 17.8.2009

Репутация: нет
Всего: нет



Нормальный док - http://htmlbook.ru !!!
Центруется все так: margin: o auto;   <-- 0 -отступ сверху и снизу, а auto - центрирование! -->
PM MAIL WWW   Вверх
HARDMID
Дата 17.8.2009, 16:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 47
Регистрация: 10.12.2007

Репутация: нет
Всего: нет



Еще хороший док с примерами - http://www.intuit.ru
Но его лучше после http://htmlbook.ru/ - сайт Влада поактуальнее будет.
PM   Вверх
initmax
Дата 18.8.2009, 08:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 165
Регистрация: 24.7.2009

Репутация: нет
Всего: нет



Всем Спасибо!
PM MAIL   Вверх
Guiness
Дата 18.8.2009, 08:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 37
Регистрация: 18.8.2009

Репутация: нет
Всего: нет



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

Для ie 6 неактуально, для него необходимо добавить стиль text-align:center, т.к. центрирует он все подряд, а auto в нем не работает.
PM MAIL   Вверх
skyboy
Дата 18.8.2009, 09:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



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

вполне актуально.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0886 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.