На головну

 Угруповання елементів форми. |  Обмеження доступу до елементів форми. |  Створення Web-сторінок з фреймами |  поняття CSS |  підключення CSS |  базовий синтаксис |  На дві нерівні частини, розмір яких підпорядковується правилу золотого |  Так, щоб руки з передпліччям утворювали прямий кут, очі |  Освітлення в приміщенні відрегулювати таким чином, щоб джерело світла знаходився збоку або ззаду оператора. Для уникнення медичних ускладнень |  ідентифікатори |

Вміст блоку ...

  1.  D. Провести вагосімпатічну блокаду.
  2.  IX. СІРА в яблуках ПАРА
  3.  А-адреноблокатори
  4.  А-адреноблокатори
  5.  А-адреноблокатори
  6.  А. Скополамин (вірно: скополамін і атропін - М-холіноблокатори).
  7.  АV- блокада 2 ступеня (Мобіц 1)


і далі ось такий css код:


body {

width: 600px;

padding-left: 50%;

}

#content {

width: 600px;

margin-left: -300px;

}


Щоб зрозуміти суть цього прийому, треба добре розуміти основи моделі візуального форматування. Зокрема точно представляти, з яких саме величин складається загальна ширина (висота) блоку. При цьому ще необхідно враховувати відмінності в реалізації блочної моделі конкретних браузерів. Особливо того, названІЕкоторого Ви і так знаєте.

В елементі body, Який має ширину 600px ми задали лівий відступ в 50%, додавши таким чином до ширини елемента половину ширини вікна браузера. При цьому лівий край блоку content розташувався б точно по центру вікна, але ми завбачливо зрушуємо його рівно на половину ширини, на 300px вліво, задаючи від'ємне значення лівого поля.

тепер блок content розташований точно в центрі екрану і ширина його фіксована. Цей прийом працює у всіх популярних браузерах.

Макет з двох колонок

Спробуємо тепер створити макет сторінки з двома колонками, що змінюють свою ширину в залежності від ширини вікна браузера, тобто «Гумовий» макет. І спочатку створимо HTML-розмітку, форматувати яку будемо за допомогою стильових таблиць.


 Правила створення стилю |  Підвал ...
© um.co.ua - учбові матеріали та реферати