When using grid 960, can I still have a 100% width header section?
I want to use a grid system, like say grid 96开发者_如何转开发0.
But I want the top header of the website to be 100%, is this still possible?
Sure... just manually style the top part to be 100%.
Yes. You can separate header from main content like:
<body>
<div class="header" style="width:100%;"></div>
<div class="mainWrapper container_12">
<div class="grid_6"></div>
<div class="grid_6"></div>
<div class="clear"></div>
</div>
</body>
The 960gs uses a container, or wrapper div with a set width of 960px to form the grid. If you want your header or footer to stretch the entire width of the page, then you should pull that area outside of the 960 px wrapper and give it a width of 100%.
Sure it is:
<body>
<div style="width: 100%;">Heading</div>
<div class="grid-960-container">
...
</div>
</body>
Yes, it's possible.
The first step is to add this code to your CSS:
body,canvas {
border:0;
margin:0;
padding:0;
}
Then make a class:
.full-width-div {
width: 100%;
}
And then just add it to your HTML like this:
<div class="full-width-div">
Your content...
</div>
加载中,请稍侯......
精彩评论