Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Ширина табличных колонок в IE
 
 автор: Эй   (26.09.2008 в 14:58)   письмо автору
 
 

Нужно чтобы центральная колонка "3333" занимала всё простанство, кроме 300 пикселей которые идут на боковые колонки. В Opera и Google Chrome отображают нормально, а вот IE выпендривается. Заметил, что проблема возникает только если в верхнем ряду размещён длинный текст (или широкое изображение)

Вот код:


<html>
<head>
    <title>title</title>
</head>
<body>
<table border="1" width="100%">
    <thead></thead>
    <tbody>
        <tr>
            <td colspan="3" rowspan="1">
                1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111
                1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111
            </td>
        </tr>
        <tr>
            <td style="width: 150px;">
                2222
            </td>
            <td>
                3333
            </td>
            <td style="width: 150px;">
                4444
            </td>
        </tr>
        <tr>
            <td colspan="3">
                5555
            </td>
        </tr>
    </tbody>
</table>
</body>
</html>

  Ответить  
 
 автор: jangot   (26.09.2008 в 15:35)   письмо автору
 
   для: Эй   (26.09.2008 в 14:58)
 

Можно так:

<style>
.td1 DIV {width:150px;}
.td3 DIV {width:150px;}
.td2 {width:100%;}
</style>

<table border="1" width="100%">
    <tbody>
        <tr>
            <td colspan="3">
                1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111
                1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111 1111
            </td>
        </tr>
        <tr>
            <td class="td1">
                <div>
                22222
                </div>
            </td>
            <td class="td2">
                <div>
                3333333
                </div>
            </td>
            <td class="td3">
                <div>
                44444
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="3">
                5555
            </td>
        </tr>
    </tbody>
</table>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования