Почему эта страница не отображается правильно в Internet Explorer? - PullRequest
0 голосов
/ 05 декабря 2009

Посмотрите на эту страницу: http://labs.pieterdedecker.be/hetoog/layout.htm

В Firefox все выглядит хорошо, но IE все испортило. Как получилось?

Ответы [ 2 ]

3 голосов
/ 05 декабря 2009

Ваш макет немного интересен. Вместо использования пустых ячеек таблицы на обеих сторонах страницы, вы можете убрать их и добиться центрирования, используя

body {
    width: 750px;
    margin: 0 auto;
}

А у вас в HTML может быть что-то вроде этого:

<body>    
    <table>
        <tr>
            <td class="splash_desc">...</td>
            <td class="splash_photo">...</td>
        </tr>
        ...

При этом методе IE не займет больше места, чем другие браузеры, и прекрасно поместится в контейнере шириной 750 пикселей.

EDIT:

Чтобы полоса заголовка растянулась на 100% по горизонтали, вы должны сделать еще один div для содержимого. Таким образом, вместо использования элемента body для установки ширины используйте что-то вроде этого:

<body>
    <table id="header"><tr>...</tr></table>
    <div id="wrapper">    
        <table>
            <tr>
                <td class="splash_desc">...</td>
                <td class="splash_photo">...</td>
            </tr>
            ...

И в CSS:

#wrapper {
    width: 750px;
    margin: 0 auto;
}

Таким образом, вы можете сделать так, чтобы таблица над оберткой имела ширину 100% (просто стилизуйте ее так), а сама обертка имеет ширину 750 пикселей.

0 голосов
/ 05 декабря 2009

Проблема

В IE6.0 <td>&nbsp;</td> не поддерживается.

Укажите ширину для <td width="20%">&nbsp;</td>

и изображения PNG не поддерживаются в IE6.

Скачать с http://www.twinhelix.com/css/iepngfix/

файл: iepngfix.zip (40 КБ) решит проблему

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...