Пустое пространство при в?рстке таблицами. Колонка справа

Lan_Dao · November 25, 2007

Весртаю таблицами в XHTML 1.0 Transitional. 4 колокни . Слева на право - первая и вторая имеют фиксированый размер - третей центральной присвоена ширина 100% в надежде растянуть содержание на всю страницу. Крайняя правая (4) также имеет прописаный размер но он игнорируется

а) Когда центральная колонка (3) пустует

б) Когда она даже непустует иногда (невсегда) ИЕ 6 несоблюдает размеры этой колонки

найти причину такого поведения я несмог пока вс? ещ? в поисках =

Скрины :

1) Опера в режиме отладка со структурой http://img510.imageshack.us/img510/7927/oeprng2.png

2) FireFox - Firebug http://img250.imageshack.us/img250/4505/fbvg3.png

3) IE 6 - http://img250.imageshack.us/img250/1883/iemw5.png

Может принес?т ясности.

Vlad · November 25, 2007

Без кода советовать что-либо трудно.

Lan_Dao · November 25, 2007

Код с нежелательными отступами справа

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="scripts/dropdown.js"></script>
<title>buy</title>
<link href="style/css.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<link href="style/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="30" align="right"> </td>
 <td width="310" valign="top">


 </td>
 <td colspan="2" id="photo">
 <div align="center"><img src="../img/fon_img.png" alt="photo" width="618" height="219" /></div></td> 
 </tr>
 <tr class="line">
 <td height="5px" colspan="2"> </td>
 <td height="5px"> </td>
 <td width="180px" height="5px"> </td>
 </tr>
 <tr>
 <td rowspan="2"> </td>
 <td width="240" rowspan="2" valign="top" id="con"><h4>| Text</h4>
 <p>У рыб, кроме непарных плавников (спинного, анального и хвостового), развиваются 
подвижные парные грудные и брюшные плавники. Движение рыб происходит за сч?т боковых 
изгибов тела или только движений хвоста.

 <img src="../img/icons-01.png" alt="" /><a href="#">text...</a></p>
 <h4>| Text</h4>
 <p><b>11.06.2007</b>


 У рыб, кроме непарных плавников (спинного, анального и хвостового), развиваются 
подвижные парные грудные и брюшные плавники. Движение рыб происходит за сч?т боковых
 изгибов тела или только движений хвоста. 

</p>
 <p><b>06.06.2007</b>

 Морфобиологическая характеристика

 <img src="../img/icons-02.png" alt="" /><a href="#">text...</a></p></td>
 <td rowspan="2" valign="top" id="con2">
 <div class="fondiv"><h4>Морфобиологическая характеристика</h4></div>
 </td>
 <td width="180px" valign="top" id="con3"> <h4>| Kalendar</h4>


<h4>| Linki</h4>
 <table border="0" align="center" cellpadding="0" cellspacing="0" id="banner">
 <tr>
 <td><p><img src="../img/banner-1.jpg" alt="banner-1" width="100" height="50" /></p>
 <p><img src="../img/banner-1.jpg" alt="banner-1" width="100" height="50" /></p>
 <p><img src="../img/banner-1.jpg" alt="banner-1" width="100" height="50" /></p></td>
 </tr>
 </table> </td>
 </tr>
 <tr>
 <td width="180">  </td>
 </tr>
 <tr>
 <td colspan="2"> </td>
 <td> </td>
 <td width="180px"> </td>
 </tr>
</table>
</body>
</html>

Я тут второй вариант сделал удалил ячейки сверху которые были объеденины colspan="2" может это как то связано :

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="scripts/dropdown.js"></script>
<title>buy2</title>
<link href="style/css.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<link href="style/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="30" align="right"> </td>
 </tr>
 <tr class="line">
 <td height="5px" colspan="2"> </td>
 <td height="5px"> </td>
 <td width="180px" height="5px"> </td>
 </tr>
 <tr>
 <td rowspan="2"> </td>
 <td width="240" rowspan="2" valign="top" id="con"><h4>| Text</h4>
 <p>У рыб, кроме непарных плавников (спинного, анального и хвостового), развиваются 
подвижные парные грудные и брюшные плавники. Движение рыб происходит за сч?т боковых 
изгибов тела или только движений хвоста.

 <img src="../img/icons-01.png" alt="" /><a href="#">text...</a></p>
 <h4>| Text</h4>
 <p><b>11.06.2007</b>


 У рыб, кроме непарных плавников (спинного, анального и хвостового), развиваются 
подвижные парные грудные и брюшные плавники. Движение рыб происходит за сч?т боковых 
изгибов тела или только движений хвоста. 

</p>
 <p><b>06.06.2007</b>

 Морфобиологическая характеристика

 <img src="../img/icons-02.png" alt="" /><a href="#">text...</a></p></td>
 <td rowspan="2" valign="top" id="con2">
 <div class="fondiv"><h4>Морфобиологическая характеристика</h4></div>
 </td>
 <td width="180px" valign="top" id="con3"> <h4>| Kalendar</h4>


<h4>| Linki</h4>
 <table border="0" align="center" cellpadding="0" cellspacing="0" id="banner">
 <tr>
 <td><p><img src="../img/banner-1.jpg" alt="banner-1" width="100" height="50" /></p>
 <p><img src="../img/banner-1.jpg" alt="banner-1" width="100" height="50" /></p>
 <p><img src="../img/banner-1.jpg" alt="banner-1" width="100" height="50" /></p></td>
 </tr>
 </table> </td>
 </tr>
 <tr>
 <td width="180">  </td>
 </tr>
 <tr>
 <td colspan="2"> </td>
 <td> </td>
 <td width="180px"> </td>
 </tr>
 </table>
</body>
</html>

Lan_Dao · November 27, 2007

Вроде получилось - задал всем ячейкам у которых размеры неменяются ж?сткие размеры , до этого надеялся что если размер (Тут речь ид?т о ширине) задан верхней (первой) ячейке столбца то он автоматически унаследуется другими ячейками этого столбца. В ИЕ такое непроходит.

Sign In

Пустое пространство при в?рстке таблицами. Колонка справа

Question

Lan_Dao

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Lan_Dao

Link to comment

Share on other sites

Lan_Dao

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information