Problem with padding

Forum Moderators: not2easy

Message Too Old, No Replies

ie6 and firebird renders differently

5:54 pm on Jul 20, 2003 (gmt 0)

I was hoping someone could help, as I can't get the following to render the same in both browsers:

body {
background: #CCC;
}

#wrapper {
width: 780px;
margin-right: auto;
margin-left: auto;
text-align: center;
background: #FFF;
border: 1px solid #DADAD0;
}

#box {
width: 758px;
margin: 5px;
padding: 5px;
background: #CCC;
}

<body>
<div id="wrapper">
<div id="box">
some random text<br>
including a break
</div>
</div>
</body>

the above renders ok in firebird, but incorrectly in ie6.
If i change the #box width to 768px, it works ok in ie6, but fails in firebird.

help please?

3:44 am on Jul 21, 2003 (gmt 0)

Welcome to Webmaster World!

Use a full doctype. Then IE6 will render it correctly.

3:50 am on Jul 21, 2003 (gmt 0)

thank you DrDoc

I'm still quite new to css, so I really appreciate your tip on this subject.

Guess it's time to do some researching :)