Помогите, пожалуйста! Можно ли сделать верстку следующим образом? Шапка состоит из рисунка. Его надо разделить на 3 части по вертикали(как бы три строки). А 2 часть в свою очередь нужно разделить на 3 части по горизонтали(на три столбца). Все это должно быть по всей странице(без полей). Как все это реализовать, чтобы работало на всех разрешениях??? А то у меня сложилось впечатление, что это не возможно! Я все перепробывал(по-моему), при моем разрешении нормально, на других то нормально, то полоса из пикселей вылезает, т.к. не правильно делится часть изображения. Вот, собственно код:
<div style="width:100%;margin-bottom:0;padding:0;margin-top:0;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" valign="top">
<tr>
<td width="100%" colspan="2">
<div style="width:100%;margin-bottom:0;padding:0;margin-top:0;">
<img src="images/img/head_1.jpg" width="100%" align="left" vspace="0" hspace="0" border="0">
</div>
<tr>
<td width="25%" height="100%">
<div style="width:100%;height:100%;margin-bottom:0;padding:0;margin-top:0;">
<img src="images/img/head_2_1.jpg" width="100%" align="left" vspace="0" hspace="0" border="0">
</div>
<td width="25%" height="100%">
<div style="width:100%;height:100%;margin-bottom:0;padding:0;margin-top:0;">
<img src="images/img/head_2_2.jpg" width="100%" border="0" align="left" vspace="0" hspace="0" border="0">
</div>
<td width="50%" height="100%">
<div style="width:100%;height:100%;margin-bottom:0;padding:0;margin-top:0;">
<img src="images/img/head_2_3.jpg" width="100%" border="0" align="left" vspace="0" hspace="0" border="0">
</div>
<tr>
<td width="100%" colspan="3">
<div style="width:100%;margin-bottom:0;padding:0;margin-top:0;">
<img src="images/img/head_3.jpg" width="100%" align="left" vspace="0" hspace="0" border="0">
</div>
</table>
</div>
В первой строке таблицы colspan='2' нужно то 3.
Где закрывающие теги ячеек и строк таблицы (</td> и </tr>) ?
Еще момент - за рисунком некоторые браузеры могут делать отступ, чтобы его избежать нужно либо прописать тег рисунка с др. тегами без пробелов
<div ...><img ...></div>
либо поставить сразу же за ним тег <br>
Поэкспериментируйте.
Invision Power Board ()
© Invision Power Services ()