Меню
Что нового?

Подскажите насчет верстки таблицами и дивами

Кощей

if(!$needle) die("ooh");
Подскажите насчет верстки таблицами и дивами

Подскажите как быть. Вот такой простой пример вы можете вставить этот код и проверить сами в ие

Начальная структура:
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="100%">
<tr>
<td width="33%" rowspan="2">&nbsp</td>
<td width="33%" height="100px">&nbsp;</td>
<td width="34%" rowspan="2">&nbsp;</td>
</tr>
<tr>
<td width="33%" height="100%">&nbsp;</td>
</tr>
</table>
видим:



Структура сдивом в 200 пикселей в левом столбце:
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="100%">
<tr>
<td width="33%" rowspan="2">&nbsp;<div style="height:200px">&nbsp;</div></td>
<td width="33%" height="100px">&nbsp;</td>
<td width="34%" rowspan="2">&nbsp;</td>
</tr>
<tr>
<td width="33%" height="100%">&nbsp;</td>
</tr>
</table>
выходит:



Почему так выходит, ведь в опере и ффоксе все нормально и по логике увеличиваться верхняя средняя ячейка не должна. Есть мысли? Помогите.
 

FB3

Новичок
Может попробовать сверстать на дивах полностью?
 

Кощей

if(!$needle) die("ooh");
Меня интересует почему выходит такая штука и как с ней бороться.
 

Кощей

if(!$needle) die("ooh");
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

стилей нет

-~{}~ 31.07.08 21:16:

Это наблюдаеться и вообще без доктайпа и без стилей в ие7
 

Slavicos

Новичок
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="100%">
<tr>
<td width="33%" rowspan="2" style="vertical-align:top;">
<div style="height:200px;width:100%;background-color:#000000;position:absolute;">1234</div>
</td>
<td width="33%" height="100px"> </td>
<td width="34%" rowspan="2"> </td>
</tr>
<tr>
<td width="33%" height="100%"> </td>
</tr>
</table>
 

Кощей

if(!$needle) die("ooh");
ну так позишн апсолют, мне в том блоке еще контент под дивом нужно писать, а он будет под дивом перекрыт. а если сделать внутрений падинг от верху то війдет тоже результат с опусканием центральной ячейки.
 

Slavicos

Новичок
огласите весь список, пожалуйста (с) не моё =)

хотя и так ясно что ниже что то будет

-~{}~ 31.07.08 22:32:

а нельзя этот див заменить на тэйбл?
хотя это подгон под ответ получается

да не получится все равно
 

Angerslave

Новичок
http://www.webmascon.com/topics/coding/25a.asp

-~{}~ 01.08.08 04:05:

Ещё вот:
http://www.w3.org/TR/REC-html40/sgml/dtd.html
 
Войдите или зарегистрируйтесь для ответа.
Сверху