Home/ Questions/Q 999895
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T07:25:26+00:00

So, i have a div which i want to take up the entire width

  • 0

So, i have a div which i want to take up the entire width of the browser, -40px on each side,

my idea was to have

width: 100%; and margin: 0 -40px; however this does not work.

I dont want to use width: xx% as i have no control over this.

Update
Ok got it going at http://jsfiddle.net/ApcLv/

but now my question is:

How do i get this to be centered?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Wrap it in a another <div> and give the parent <div> a width:100% property, and the child <div> a margin:40px; property:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head >
    <title >Example</title>
    <style type="text/css">
        #wrapper {
            width:100%;
        }
        #main {
            margin:40px;
            background-color:red;
        }
    </style>
</head>
<body>

<div id="wrapper">
    <div id="main">
        This is a test
    </div>
</div>

</body>
</html>
    • 0