не могу растянуть среднюю колонку в IE

begin · April 28, 2008

Сайт сверстан таблицей из трех колонок. Крайние колонки ограничены шириной 160 пикселей, а средняя должна растягиваться на оставшуюся ширину экрана. Т.е. сайт должен быть резиновым. И везде это работает, но только не в IE.

Если я задаю ширину любой ячейки в средней колонке = 100% - то таблица уходит за пределы экрана. Если не задаю - сжимается до одиноковой ширины с крайними колонками. Если вкладываю в нее (в любую ячейку в средней колонке) таблицу с шириной 100% - все равно не помогает.

Вот код:

<table width='100%' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td width='160'>
текст
</td>
<td>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td>
текст
</td>
</tr>
</table>
</td>
<td width='160'>
текст
</td>
</tr>
</table>

ProGGGer · April 28, 2008

<table width='100%' border='1' cellpadding='0' cellspacing='0'>

<tr>
	<td width='160'>
	текст
	</td>
	<td width="100%">
	текст
	</td>
	<td width='160'>
	текст
	</td>
</tr>
</table>

такой вариант?

begin · April 28, 2008

оба варианта не работают ((

ни явное задание ширины ячейки, ни вставка в нее таблицы с заданной шириной - ничего не помогает ((

3ABAPKA · April 28, 2008

Вообще код у тебя верный

я его проверил в IE версиях=6.0, 5.55, 5.01, 4.01 и 3.0

Везде работает! Может ошибка в другом месте! Или ты сюда правильный написал а на проекте (где у тебя не выходит) что то забыл!

begin · April 28, 2008

а какой именно вариант работает? первый или второй?

вот полный код таблицы:

<table class='top' width='100%' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td colspan='5' align='left'>
<table width='100%' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td align='left' width='400'>
здесь флешка шириной 400
</td>
<td align='center'>
здесь флешка шириной 200
</td>
<td align='right' width='400'>
здесь флешка шириной 400
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td rowspan='2' width='160' align='center' valign='top'>
<table width='160' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td valign='top'>
здесь флешка шириной 160
</td>
</tr>
<tr>
<td valign='top'>
<table class='left' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td valign='top'>
здесь флешка шириной 160
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td colspan='4' valign='top' align='left'>
<table border='0' height='40' cellpadding='0' cellspacing='0'>
<tr height='20'>
<td colspan='7'>
<img class='face' src='images/spacer.gif' width='10' height='20'>
</td>
</tr>
<tr height='20'>
<td>
<img class='face' src='images/spacer.gif' width='130' height='20'>
</td>
<td>
<a title='' href='9.php'><img class='face' src='images/spacer.gif' width='70' height='20'></a>
</td>
<td>
<a title='' href='10.php'><img class='face' src='images/spacer.gif' width='90' height='20'></a>
</td>
<td>
<a title='' href='11.php'><img class='face' src='images/spacer.gif' width='60' height='20'></a>
</td>
<td>
<a title='' href='12.php'><img class='face' src='images/spacer.gif' width='65' height='20'></a>
</td>
<td>
<a title='' href='13.php'><img class='face' src='images/spacer.gif' width='90' height='20'></a>
</td>
<td>
<a title='' href='14.php'><img class='face' src='images/spacer.gif' width='90' height='20'></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width='10'>
<img class='face' src='images/spacer.gif' width='10' height='10'>
</td>
<td width='*'>
<table width='100%' border='3' cellpadding='0' cellspacing='0'>
<tr>
<td width='100%'>
контент, который должен занимать оставшуюся ширину 100%-160 (левая колонка) - 160 (правая колонка) - 10 (левая пустая колонка-отступ) - 10 (правая пустая колонка-отступ) пикселей
</td>
</tr>
</table>
</td>
<td>
<img class='face' src='images/spacer.gif' width='10' height='10'>
</td>
<td align='right' width='160'>
<table align='right' width='160' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td valign='top'>
<table border='0' cellpadding='0' cellspacing='0'>
<tr>
<td>
<div id="flashcontent5">
</div>
<script type="text/javascript">
  var so = new SWFObject("flash/3.swf","01","160","67","7","#ffffff");
  so.addParam("wmode", "transparent");
  so.write("flashcontent5");
</script>
</td>
</tr>
<tr height='24'>
<td valign='top'>
<a title='' href='15.php'><img class='face' src='images/12.jpg' width='160' height='24'></a>
</td>
</tr>
<tr height='26'>
<td valign='bottom'>
<a title='' href='16.php'><img class='face' src='images/13.jpg' width='160' height='24'></a>
</td>
</tr>
<tr height='26'>
<td valign='bottom'>
<a title='' href='17.php'><img class='face' src='images/14.jpg' width='160' height='24'></a>
</td>
</tr>
<tr height='26'>
<td valign='bottom'>
<a title='' href='18.php'><img class='face' src='images/15.jpg' width='160' height='24'></a>
</td>
</tr>
<tr height='26'>
<td valign='bottom'>
<a title='' href='19.php'><img class='face' src='images/16.jpg' width='160' height='24'></a>
</td>
</tr>
<tr>
<td valign='bottom'>
<div id="flashcontent6">
</div>
<script type="text/javascript">
  var so = new SWFObject("flash/4.swf","01","160","67","7","#ffffff");
  so.addParam("wmode", "transparent");
  so.write("flashcontent6");
</script>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<center>


<a title='' href='20.php'><img class='face' src='adv/17.jpg' width='120' height='500'></a>


<div id="flashcontent7">
</div>
<script type="text/javascript">
  var so = new SWFObject("flash/5.swf","01","160","150","7","#ffffff");
  so.addParam("wmode", "transparent");
  so.write("flashcontent7");
</script>
</center>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan='5'>
<table class='bottom' width='100%' height='120' cellpadding='0' cellspacing='0'>
<tr>
<td valign='bottom'>
<div class='bottomleft'><a class='bottom' href='index.php'>? Все права защищены</a></div>
</td>
<td align='right' valign='bottom'>
<table class='bottomright' height='120' cellpadding='0' cellspacing='0'>
<tr>
<td valign='bottom'>
<div class='bottomright'><a class='bottom' href='http://...'>Сделано ...</a></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

3ABAPKA · April 29, 2008

проверил в Мозиле, IE версиях=6.0, 5.55, 5.01, 4.01 и 3.0, ничего необычного не нашел! Все тянется!

Если я правильно понял то ты считаешь что это место не тянется?

контент, который должен занимать оставшуюся ширину 100%-160 (левая колонка) - 160 (правая колонка) - 10 (левая пустая колонка-отступ) - 10 (правая пустая колонка-отступ) пикселей

Оно тянется

! А вот место

<table border='0' height='40' cellpadding='0' cellspacing='0'>
<tr height='20'>
<td colspan='7'>
<img class='face' src='images/spacer.gif' width='10' height='20'>
</td>
</tr>
<tr height='20'>
<td>
<img class='face' src='images/spacer.gif' width='130' height='20'>
</td>
<td>
<a title='' href='9.php'><img class='face' src='images/spacer.gif' width='70' height='20'></a>
</td>
<td>
<a title='' href='10.php'><img class='face' src='images/spacer.gif' width='90' height='20'></a>
</td>
<td>
<a title='' href='11.php'><img class='face' src='images/spacer.gif' width='60' height='20'></a>
</td>
<td>
<a title='' href='12.php'><img class='face' src='images/spacer.gif' width='65' height='20'></a>
</td>
<td>
<a title='' href='13.php'><img class='face' src='images/spacer.gif' width='90' height='20'></a>
</td>
<td>
<a title='' href='14.php'><img class='face' src='images/spacer.gif' width='90' height='20'></a>
</td>
</tr>
</table>

ограничено контентом!

Напиши в том месте (где ты считаешь что не работает) такие слова! "ЭТО НЕ ТЯНЕТСЯ" чтоб сразу видно было

Sign In

не могу растянуть среднюю колонку в IE

Question

begin

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

ProGGGer

Link to comment

Share on other sites

begin

Link to comment

Share on other sites

3ABAPKA

Link to comment

Share on other sites

begin

Link to comment

Share on other sites

3ABAPKA

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information