Почему margin и padding работают правильно в Opera, а не в IE 8 и FF 3.6? - PullRequest
Новая
       6

Почему margin и padding работают правильно в Opera, а не в IE 8 и FF 3.6?

0 голосов
/ 02 февраля 2011

HTML код: 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>CSS Test Page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    body
    {
        margin: 0;
        padding: 0;
    }
    #int
    {
        width: 1000px;
        text-align: justify;
        border: solid 1px #000;
    }
    </style>    
        </head>
<body>

<div id="int">
Some simple text...
</div>

</body>
</html>

И результаты: Opera 11 enter image description here Вот это работает!

Но ... Internet Explorer 8 enter image description here ... и Firefox 3.6 enter image description here

Проблема только в том случае, если этот код используется в качестве макета для Yii Web App ... Где я ошибаюсь?Помогите, пожалуйста.

PS kennel.cms.ua - этот сайт работает на локальном веб-сервере:)

Ответы [ 2 ]

1 голос
/ 02 февраля 2011

Я бы на вашем месте сделал все правильно, если вы действительно хотите иметь кросс-браузерную поддержку.

ДОБАВИТЬ Сброс CSS перед тем, как поиграть с CSS!

Есть куча из них, просто используйте его.

Если вы хотите узнать, каков лучший CSS Reset, я бы посоветовал вам прочитать этот вопрос

0 голосов
/ 02 февраля 2011

Вы жалуетесь из-за предела полей, существующего в FF и IE, но в Opera?

попробуйте установить эти атрибуты в CSS. 

display: inline;
float: left;
height: auto;
position: relative;
text-align: left;
width: 100%;

Я так думаюрешит вашу проблему: D

...