Таблица полной ширины страницы - HTML / CSS - PullRequest
Новая
       0

Таблица полной ширины страницы - HTML / CSS

2 голосов
/ 27 марта 2011

Это просто устанавливает таблицу и устанавливает ширину на 100%, но таблица не растягивает ширину страницы.

Видимо, это работает в Firefox 4. Я тестировал в Chrome 11

http://jsfiddle.net/CWNJM/

<html>
<head>
<style type="text/css">
    table, th, td
    {
        border: 1px solid black;
        border-collapse:collapse;
        width: 100%;
    }
</style>
</head>
<body >
<table align="center" >
    <tr><td align="center" valign="middle"><img width="100%" border='0' id="main_img" src="http://example.com/EiE99"/></td></tr>
</table>
</body>
</html>

1 Ответ

2 голосов
/ 27 марта 2011

Он не работает должным образом в Webkit (канал разработчика Google Chrome). Содержащему элементу нужен хотя бы один из этих двух: 

margin: 0;
padding: 0;

Тогда это работает. Я использовал body { margin: 0; padding: 0; }

Редактировать: Похоже, padding: 0; было то, что было нужно в этом конкретном "jsfiddle".

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

Нет похожих вопросов

...