How to stretch the header the full width of the screen?


i trying stretch header fluid grid layout div wrapped between body. have following:

 

html

<body>

 

<div class="wrapper">

 

  <div class="gridcontainer clearfix">

<div id="header </div>

 

  </div>

 

</body>

 

css

#header {

clear: both;

float: left;

margin-left: 0;

min-width: 100%;

display: block;

}

 

any appreciated.

kn

use css:

 

 

.wrapper {

    width: 100%;

}

#header {

    display: block;

    text-align: center;

}

 

and use html:

 

 

<div class="wrapper">

    <div class="gridcontainer clearfix">

        <div id="header"><h1>header</h1></div>

    </div>

</div>

 

this should stretch full width.

 

good luck.



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

How to change text Component easybook reloaded *newbee* - Joomla! Forum - community, help and support

After Effect warning: A problem occurred when processing OpenGL commands

Preconditions Failed. - Joomla! Forum - community, help and support