Здравствуйте. Вопрос начального уровня, но почему-то привел меня в ступор. Есть исходный текст HTML: <html> <head> </head> <body> <table id="toppage" style="background-color:#eaedf6;"> <tr> <th style="background:yellow;">111</th> <th style="background:green; width:10px;">V</th> </tr> <tr> <td colspan="2" style="background:silver; width:800px;">222</td> </tr> </table> </body> </html> Как уменьшить ячейку с текстом "V" до минимальных размеров? Firefox отображает правую ячейку с минимальными размерами, как и было задумано, а вот в IE проблема... Скорее всего я что-то упускаю из виду, поэтому надеюсь на вашу помощь...
HTML: <html> <head> </head> <body> <table id="toppage" width="800" style="background-color: #eaedf6;"> <tr> <th style="background: yellow;">111</th> <th style="background: green; width: 10px;">V</th> </tr> <tr> <td colspan="2" style="background: silver;">222</td> </tr> </table> </body> </html>
width:800px я написал для примера, чтобы сразу было видно проблему. Ширина таблицы изначально не известна (она растягивающаяся). То есть в ячейке с 222 может быть написан любой текст, любой ширины. И нужно сделать так, чтобы ширина таблицы никак не влияла на ширину ячейки с V.
Еще раз уточню. Нужно, чтобы следующий код отображался во всех браузерах одинаково. Сейчас в IE правая ячейка с "V" почему-то растягивается. HTML: <html> <head> </head> <body> <table id="toppage" style="background-color:#eaedf6;"> <tr> <th style="background:yellow;">111</th> <th style="background:green; width:10px;">V</th> </tr> <tr> <td colspan="2" style="background:silver;">Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст Длинный текст</td> </tr> </table> </body> </html> нужно так: