Sent by Lee Bettridge on 16 May 2008 16:04
This is a multi-part message in MIME format.
------_=_NextPart_001_01C8B766.A56FAAF9
Content-Type: text/plain;
charset="us-ascii"
Content-Transfer-Encoding: quoted-printable
Hello all,
I have an issue with the box model difference between IE and Mozilla.
On Mozilla the padding is added to the width and in IE it is not, as the
included example shows. With Mozilla the two boxes meet to make a flush
corner, IE leaves a gap.
Is there a way around this so I can get the same result on all modern
browsers?
Thanks.
<html>
<head>
<title>box model test</title>
<style type=3D"text/css">
..pageHeading
{
position: absolute;
top: 5px;
left: 5px;
width: 605px;
height: 25px;
padding: 0px 0px 0px 10px;
background-color: #ff0000;
}
..rightSidePromos
{
position: absolute;
top: 5px;
left: 620px;
width: 10px;
height: 100px;
background-color: #ff0000;
}
</style>
</head>
<body>
<div class=3D"pageHeading"></div>
<div class=3D"rightSidePromos"></div>
</body>
</html>
------_=_NextPart_001_01C8B766.A56FAAF9
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
------_=_NextPart_001_01C8B766.A56FAAF9--
