Резиновый шаблон сайта

  1. Для резинового шаблона давайте создадим отдельную папку и назовем ее float, например.
  2. В нее копируем наши файлы из прошлого урока - это шаблон fix.html, и файл со стилями style.css.
  3. Переименовываем fix.html во float.html
  4. Открываем файл float.html в текстовом редакторе и находим там блок с классом <div class="fix">...</div>.
  5. Переименовываем его в <div class="float">...</div>.
  6. Открываем файл со стилями в текстовом редакторе и находим там класс .fix. После чего переименовываем его в .float.
  7. Убираем у этого класса свойства width и margin.

Резиновый макет готов. Также, чтобы при минимальном разрешении экрана блоки не уходили друг под друга, можно установить для класса .float минимальную ширину при помощи свойства min-width, например,  600px.  После чего в браузере будет появляться горизонтальная полоса прокрутки при разрешении экрана менее 600px. Также вы можете сделать из него резиновый макет с одной и двумя колонками, удалив ненужные блоки. 

Скачать резиновый макет с тремя колонками

Видеоматериал по этому уроку: 

http://youtu.be/Wiyu1ijsMEI

Источник: http://psd-html-css.ru/css/rezinovyy-shablon-sayta

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

Резиновый шаблон сайта | | 2012-03-29 19:17:00 | | Статьи Web-мастеру | | Для резинового шаблона давайте создадим отдельную папку и назовем ее float, например.В нее копируем наши файлы из прошлого урока - это шаблон fix.html, и файл со стилями style.css.Переименовываем fix | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: