<!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>У рыб, кроме непарных плавников (спинного, анального и хвостового), развиваются подвижные парные грудные и брюшные плавники. Движение рыб происходит за счёт боковых изгибов тела или только движений хвоста.<br />
<img src="../img/icons-01.png" alt="" /><a href="#">text...</a></p>
<h4>| Text</h4>
<p><b>11.06.2007</b>
<br />
У рыб, кроме непарных плавников (спинного, анального и хвостового), развиваются подвижные парные грудные и брюшные плавники. Движение рыб происходит за счёт боковых изгибов тела или только движений хвоста.
<br /></p>
<p><b>06.06.2007</b><br />
Морфобиологическая характеристика<br />
<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>
<br />
<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>
Пустое пространство при вёрстке таблицами. Колонка справа
Весртаю таблицами в 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
Может принесёт ясности.
а) Когда центральная колонка (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
Может принесёт ясности.
Картинки какие-то невнятные. Если я правильно понял, тебе нужно задать ширину таблицы 100%, а ширину 3й колонки не указывать, она и так растянется. Если понял неправильно - приведи код, чтобы стало ясно
Код с нежелательными отступами справа :
второй вариант сделал удалил ячейки сверху которые были объеденины colspan="2" может это как то связано :
Код:
второй вариант сделал удалил ячейки сверху которые были объеденины 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>У рыб, кроме непарных плавников (спинного, анального и хвостового), развиваются подвижные парные грудные и брюшные плавники. Движение рыб происходит за счёт боковых изгибов тела или только движений хвоста.<br />
<img src="../img/icons-01.png" alt="" /><a href="#">text...</a></p>
<h4>| Text</h4>
<p><b>11.06.2007</b>
<br />
У рыб, кроме непарных плавников (спинного, анального и хвостового), развиваются подвижные парные грудные и брюшные плавники. Движение рыб происходит за счёт боковых изгибов тела или только движений хвоста.
<br /></p>
<p><b>06.06.2007</b><br />
Морфобиологическая характеристика<br />
<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>
<br />
<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>
<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>У рыб, кроме непарных плавников (спинного, анального и хвостового), развиваются подвижные парные грудные и брюшные плавники. Движение рыб происходит за счёт боковых изгибов тела или только движений хвоста.<br />
<img src="../img/icons-01.png" alt="" /><a href="#">text...</a></p>
<h4>| Text</h4>
<p><b>11.06.2007</b>
<br />
У рыб, кроме непарных плавников (спинного, анального и хвостового), развиваются подвижные парные грудные и брюшные плавники. Движение рыб происходит за счёт боковых изгибов тела или только движений хвоста.
<br /></p>
<p><b>06.06.2007</b><br />
Морфобиологическая характеристика<br />
<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>
<br />
<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>
Первая, вторая и четвертая ячейка фиксированной ширины. Третья - тянется. Отображается одинаково в указанных вами браузерах:
P.S.: Если уж вы используете css, используйте его везде - зачем атрибуты тэгам пририсовываете?
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Table</title>
</head>
<body>
<table style="width:100%;">
<tr>
<td style="width:200px; background-color:blue; color:white;">Это ячейка шириной в 200 пикселей.</td>
<td style="width:200px; background-color:red; color:white;">Это ячейка такой же ширины, как и первая.</td>
<td style="background-color:yellow; color:black;">Это тянущаяся ячейка.</td>
<td style="width:200px; background-color:black; color:white;">Последняя ячейка также фиксированной ширины.</td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Table</title>
</head>
<body>
<table style="width:100%;">
<tr>
<td style="width:200px; background-color:blue; color:white;">Это ячейка шириной в 200 пикселей.</td>
<td style="width:200px; background-color:red; color:white;">Это ячейка такой же ширины, как и первая.</td>
<td style="background-color:yellow; color:black;">Это тянущаяся ячейка.</td>
<td style="width:200px; background-color:black; color:white;">Последняя ячейка также фиксированной ширины.</td>
</tr>
</table>
</body>
</html>
P.S.: Если уж вы используете css, используйте его везде - зачем атрибуты тэгам пририсовываете?
Вроде получилось - задал всем ячейкам у которых размеры неменяются жёсткие размеры , до этого надеялся что если размер (Тут речь идёт о ширине) задан верхней (первой) ячейке столбца то он автоматически унаследуется другими ячейками этого столбца. В ИЕ такое непроходит.
Цитата:
зачем атрибуты тэгам пририсовываете
объясните пожалуйста что вы имеете ввиду .
Цитата: LaN_Dao
третей центральной присвоена ширина 100% в надежде растянуть содержание на всю страницу.
И совершенно напрасно. 100% это ширина относительно родительского блока.
Цитата: LaN_Dao
объясните пожалуйста что вы имеете ввиду .
Цитата:
height="5"
Когда должно быть в теге style, не говоря уже о том, что стоит явно задавать размерность.
Цитата: LaN_Dao
объясните пожалуйста что вы имеете ввиду .
Ну, вы же не запиваете борщ капучино? Выберите единую систему верстки - если пользуетесь CSS, то и уносите туда всё, что только возможно (высота, ширина, выравнивание), а если вам ближе не-CSS верстка, то тогда уж всё складывайте в атрибуты, зачем разделять.
Другой вопрос, что отказываясь от CSS, вы сами себе укорачиваете руки, но использование атрибутов с должным доктайпом вполне приемлимо.