DIVs не соблюдают правила CSS - PullRequest
0 голосов
/ 24 октября 2009

У меня есть некоторые проблемы с моими HTML и CSS, потому что HTML в моем сайте не делает то, что я записал в CSS. Я пытаюсь сделать блок текста шириной 50, но, похоже, он не работает. Вот фрагмент кода: </p> <pre><code><div id="welcome"> <h2>Welcome!</h2> hello, this is some text. <p> text before that text down there. v <p> we have some text here. <p><img src="images\halo.jpg" width="250" height= "250" alt="Master Chief" /><p> </div>

Это с сайта. Я ввел некоторые правила в CSS, чтобы этот DIV и другие DIV на отдельных страницах имели ширину 50%, но это просто не работает. Вот правило CSS: </p> <pre><code>#welcome, #about, #contact { width: 50%; }

Все мои другие CSS работают, и HTML-код правильно связан с CSS. Что я делаю неправильно? Я пробовал принудительную перезагрузку, имея правило только для одного DIV и все такое. Если вы можете помочь мне, спасибо!

РЕДАКТИРОВАТЬ: Решено, благодаря об. Снова ура.

-Tim

Ответы [ 3 ]

2 голосов
/ 24 октября 2009

попробуйте добавить это к вашим стилям страницы:

html, body, form { width:100% }
0 голосов
/ 24 октября 2009

Такая проблема часто является результатом 50% ширины в сочетании с границей 1px. Это 50% + 1px и, следовательно, более 50%.

0 голосов
/ 24 октября 2009

Определение стиля выглядит нормально.

У вас есть какой-нибудь другой стиль, определенный для div?

Работает ли он в некоторых браузерах, а не в других?

Вы можете легко диагностировать проблему с помощью инструмента для веб-разработчиков или firebug.

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