little positioning advice!

[Halfniak]

Hello, forum members!
I want to know what the best way is to position the following:
a rectangular div box which will be the “banner” and directly underneath it a big “container” div of the same width as the banner, which will contain other divs with info and links. The background/container div and the banner div will be the same on all pages, so I will have their style in an external style sheet. I am particularly interested in the type of positining (absolute, etc) that I should use for the banner, container and the divs inside it. any help appreciated!

[wolfcry911]

how about the default static positioning?

[Akuseru]

Yep, as wolfcry911 says. The container must have a width, margin if you want centered (margin: 0 auto;) and after the content should have a clear:both;

In the CSS:

.clearfix:after {

content: ".";

display: block;

clear: both;

visibility: hidden;

line-height: 0;

height: 0;

}



.clearfix {

display: inline-block;

}



html[xmlns] .clearfix {

display: block;

}



* html .clearfix {

height: 1%;

}

[Author]

Posts