ansaurus

Question

Answer 1

+1 A:

That CSS works fine for me. Are you sure you don't have another CSS rule that's overriding it? Try using a tool like Firebug that can show you the computed style for an element and where it came from.

Amber 2009-08-07 19:47:56

I just updated my post, are you using firefox?

jasondavis 2009-08-07 19:49:00

Answer 2

A:

I would try debugging it with Firebug to ensure that nothing is overriding that div class, and checking to see how the containing elements are laid out.

womp 2009-08-07 19:48:33

Answer 3

A:

Add overflow: auto; to your CSS.

dutch 2009-08-07 19:49:17

Answer 4

A:

-max-width: 600px;
+width: 600px;

IE doesn't like max-width. Tested and works in IE/FF/Chrome.

Andrejs Cainikovs 2009-08-07 19:50:46

That would be IE6 and below

Steve Gilham 2009-08-07 19:53:14

To clarify -- IE 6 and below didn't honour max-width; later versions need a width as well (such as a percentage) which max-width will cap.

Steve Gilham 2009-08-07 19:58:28

Thanks for an update!

Andrejs Cainikovs 2009-08-07 20:12:12

Answer 5

A:

Make sure there is nothing inside of your that is larger than the div. IE sometimes (depends on version) renders divs with larger interior content by expanding the div to account for the content.

The easy way to test this is to add overflow:hidden and see if it hides anything.

Russell Steen 2009-08-07 19:52:53

Answer 6

A:

Using this as a HTML file

<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>

I get a centred 600px wide message on FF 3.5.2, Opera 9.64, IE 8.0.6001.18813 on Vista 32 bit. IE needs the extra text-align to centre the block, the margin: 0 auto does for the other browsers.

Steve Gilham 2009-08-07 20:02:18

ansaurus

tags:

views:

answers:

DIV width not listening to my CSS

related questions