[css-d] box model difference between IE and Mozilla

Fri, 16 May 2008 08:10:43 -0700 

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="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="pageHeading"></div>
<div class="rightSidePromos"></div>

</body>
</html>

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/

Reply via email to