Ширина DIV не слушает мой CSS - PullRequest
Новая
       27

Ширина DIV не слушает мой CSS

0 голосов
/ 07 августа 2009

Приведенный ниже код является примером того, что я пытаюсь сделать, мне нужно, чтобы этот div охватывал ширину 600 пикселей, однако независимо от того, установил ли я max-width: 600 пикселей; или ширина: 600 пикселей; это все еще ширина моего экрана ПК.

Как я могу сделать его шириной 600 пикселей? 

<style>
.errormsg3 { 
    text-align: center;
    font-weight:bold;
    color:white;
    font-size: 16px;
    background-color:red;
    padding:8px;
    max-width: 600px;
}
</style>

<?PHP
if (isset($_SESSION['sess_msg'])) {
    echo '<div class="errormsg3">' .$_SESSION['sess_msg']. '</div>';
    unset($_SESSION['sess_msg']);
} 
?>

UPDATE

Это работает сейчас, Firefox, кажется, кеширует мой сайт, поэтому, возможно, поэтому он не работал раньше.

Элемент div красный, возможно ли добавить отступы к элементу div вне красной части, так что есть как отступ / пробел белого цвета

Ответы [ 7 ]

2 голосов
/ 07 августа 2009

Этот CSS отлично работает для меня. Вы уверены, что у вас нет другого правила CSS, которое переопределяет его? Попробуйте использовать такой инструмент, как Firebug, который может показать вам вычисленный стиль для элемента и откуда он взялся.

0 голосов
/ 23 января 2017

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

width: 600px !important;
0 голосов
/ 08 августа 2009

Использование этого файла HTML 

<html><head><style>
body {text-align: center;}
.errormsg3 { 
    text-align: center;
    font-weight:bold;
    color:white;
    font-size: 16px;
    background-color:red;
    padding:8px;
    width: 600px;
    margin: 0 auto;
}
</style>

<body>
if (isset($_SESSION['sess_msg'])) {
    echo '<div class="errormsg3">' .$_SESSION['sess_msg']. '</div>';
    unset($_SESSION['sess_msg']);
} 
</body>

Я получаю центрированное сообщение шириной 600 пикселей на FF 3.5.2, Opera 9.64, IE 8.0.6001.18813 на Vista 32 бит. IE требуется дополнительное выравнивание текста для центрирования блока, margin: 0 auto - для других браузеров.

0 голосов
/ 07 августа 2009

Убедитесь, что внутри вас нет ничего большего, чем div. IE иногда (в зависимости от версии) визуализирует div с большим внутренним содержимым, расширяя div для учета содержимого.

Простой способ проверить это - добавить переполнение: скрытый и посмотреть, скрывает ли оно что-либо.

0 голосов
/ 07 августа 2009 
-max-width: 600px;
+width: 600px;

IE не любит максимальную ширину. Протестировано и работает в IE / FF / Chrome.

0 голосов
/ 07 августа 2009

Добавить переполнение: авто; на ваш CSS.

0 голосов
/ 07 августа 2009

Я бы попробовал отладить его с помощью Firebug, чтобы убедиться, что ничто не переопределяет этот класс div, и проверить, как расположены содержащиеся элементы.

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

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

...