0
Посмотрите на эту страницу: http://labs.pieterdedecker.be/hetoog/layout.htmПочему эта страница не отображается правильно в Internet Explorer?
Это выглядит хорошо в Firefox, но IE портит его. Как так?
A
ответ
3
Ваша схема немного интересна. Вместо того, чтобы использовать пустые ячейки таблицы по обе стороны страницы, вы можете взять те, и достичь центрирование с помощью
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>
<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
Это работает, но он разрушает скоро появляющуюся панель навигации (вверху страницы). Как я могу убедиться, что он растянулся на 100% горизонтально? – Pieter
0
Проблема заключается в том
В IE6.0 <td> </td> обыкновение поддержки.
Указать ширину для <td width="20%"> </td>
и PNG изображения не поддерживает в IE6.
Скачать с http://www.twinhelix.com/css/iepngfix/
файла: iepngfix.zip (40kb) решит проблему
глядя на него сейчас –
Пожалуйста, вы можете сказать, что именно проблема? Я использую IE8, и это кажется прекрасным. что он не подходит в окне браузера? –
Можете ли вы опубликовать снимок экрана о том, как он должен выглядеть? Кажется, здесь хорошо (протестировано на Chrome 4, Opera 10 и IE 8) –