←Главная страница→
←Главная страница→

Создание макетов с фиксированной шириной

   Для создания данных макетов используем размер в пикселах для определения ширины страницы.Фиксированная ширина означает неизменную ширину независимо от того совпадает размер окна браузера с реальным размером страницы или значительно превышает его.Атрибуты colspan и rowspan позволяют строить сложные таблицы,но следует избегать их(данные атрибуты следует использовать для таблиц данных).Использование же их в таблицах макета не соответствует спецификации.Поэтому при макетирование лучше вместо атрибутов colspan и rowspan лучше использовать вложенные таблицы (вложенная таблица—это таблица,которая размещается внутри ячейки другой таблицы).Так как разрешение мониторов разное,то стандартный безопасный размер ширины документа является 800пикселов.Не забывайте значение атрибутов таблицыcellspacing и cellpadding ставить в 0 ,иначе браузер автоматически добавит дополнительные промежутки.Также при создании дизайна устанавливаем атрибут valign в top.В противоположном случае браузер будет центрировать содержимое по вертикали.Если ширина ячейки таблицы равняется ширине самой таблицы,атрибут width ячейки таблицы можно опустить.При отсутствии атрибута height ячейки,в окне браузера таблица будет выглядеть полностью свернутой до тех пор,пока не будет добавлено содержимое.

Листинг

<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="800" valign="top">logo</td>
</tr>
<tr>
<td width="800" valign="top">
<!-Вложенная таблица->
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" valign="top">ex</td>
<td width="600" valign="top">content</td>
</tr>
</table>

<td>
</tr>
</table>

logo
ex content
<<<Назад|Далее >>>
.
Hosted by uCoz