Home/ Questions/Q 3873404
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T22:01:57+00:00

There appears to be about a 4px margin at the outer-edge of the outer-div

  • 0

There appears to be about a 4px margin at the outer-edge of the outer-div and the Body. Between the Yellow Div and the Blue Div. This is between the top and left side of the outermost div and the Body Div.

The outer-div (global-wrap) has its width=100%

Here is the CSS:

body
{
    /*background: url("/images/damask-back.jpg") repeat scroll 0 0 #423624;*/
    background: url("/images/blueback1.jpg") repeat-x scroll 0 0 transparent;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 62.5%;
    /*height: 50%;*/
}
#global-wrap {
    width: 100%;
    /*height: 925px;*/
    /*position: relative;*/
    /*margin: 10px auto;*/
}
#top-wrap {
    height: 112px;    
    background-color: Yellow; 
}
#head-logo {
    /*background: url("/images/logo2.png") no-repeat scroll 0 0 transparent;*/
    background-color: Green;
    height: 112px;
    width: 176px;
    margin: 0px 0 0 45px;
    position: absolute;
    z-index: 100;
}

Here is the HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="~/Styles/StyleSheet1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="global-wrap">
    <div id="top-wrap">
        <div id="head-logo"><a href="/"></a></div>          
    </div>
    <div id="global-inner" >  
    </div>
</div>
</form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    * { margin:0; padding:0 }
body
{
    /*background: url("/images/damask-back.jpg") repeat scroll 0 0 #423624;*/
    background: url("/images/blueback1.jpg") repeat-x scroll 0 0 transparent;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 62.5%;
    /*height: 50%;*/
}
/* .... */

    at the top of your CSS should do the trick;

    • 0