Here is the source. Thanks for the help.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css" media="all">
body            {
                        margin-right:auto;
                        margin-left:auto;
                        padding:0;
}
#container      {
                        width:970px;
                        margin-right:auto;
                        margin-left:auto;
                        border: 1px solid #000;
                        background-color:#669933;
                        padding-top:20px;
                        padding-bottom:20px;
                        }
#content        {
                        width: 800px;
                        margin-left:auto;
                        margin-right:auto;
                        background-color:#FFFFFF;
                        margin-top:0;
                        margin-bottom:0;
                        }
#banner         {
                        background-image:url(images/green_banner.jpg);
                        height:79px;
                        margin-bottom:50px;
                        }
#main           {
                        width:300px;
                        display:inline;
                        margin-left:160px;
                        float:left;
                        border: 1px solid #000;                 
                        }
#mainNav        {
                        width:160px;
                        margin-left:-460px;
                        float:left;
                                                border: 1px solid #000;
                        }
#news           {
                        float:right;
                        width:160px;
                        border: 1px solid #000;
                        }
#legal          {
                        clear:both;
                        text-align:center;
                        border: 1px solid #000;
                        }
</style>
</head>

<body>
<div id="container">
        <div id="content">
                <div id="banner">Banner</div>
                <div id="main">Main</div>
                <div id="news">Article1
                        <div id="news2">News2</div>
                        <div id="news3">News3</div>
                </div>
                <div id="mainNav">mainNav</div>
                <div id="legal">Legal</div>
        </div>
</div>



</div>
</body>
</html>







-----Original Message-----
From: Mark Henderson [mailto:[EMAIL PROTECTED] 
Sent: Tuesday, March 13, 2007 8:22 PM
To: CF-Talk
Subject: RE: CSS?

Doug Brown wrote on Wednesday, 14 March 2007 1:47 p.m.
> 
> I was wondering what might be causing a little problem with 
> this in IE6. My footer seems to be about 20-30px below the 
> right column in IE, but is 0px below the right column in FF.
> 

Do you have a link we can look at? At the very least could you share the
html. This kind of thing can be caused by collapsing margins, but
there's nothing glaringly obvious in your CSS.

Mark

-- 
This message has been scanned for viruses and dangerous
content by ISPNZ's automated virus detection system,
and is believed to be clean.




~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Upgrade to Adobe ColdFusion MX7
Experience Flex 2 & MX7 integration & create powerful cross-platform RIAs
http://www.adobe.com/products/coldfusion/flex2/?sdid=RVJQ 

Archive: 
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:272631
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: 
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4

Reply via email to