How about adding clearfix? Like

.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%;
}

Comments

Jeff Burnz’s picture

Jeff Burnz commented

Why bother, D6 core has the clear-block class with is basically the same thing with a different name.

marcoka’s picture

marcoka commented

you are right. i did not know that. thank you for this great info.

marcoka’s picture

marcoka commented
Status: Active » Closed (fixed)
nicodv’s picture

nicodv commented

Hi there. Related to the clearfix... i have a problem, im trying to show an image (background) on the header but it doesnt show (ever!) Everything tells me that the image is there where i put it... but nothing! Now i discovered the clearfix thing and i thought it might be the reason why it behaves that way. In case that can be the reason, how should i set it so that both, block and background image can live together?

thans

Jeff Burnz’s picture

Jeff Burnz commented

You should really open another issue, and I need more information or a link to your site - it depends how you are showing the image and what CSS you are using if any.

nicodv’s picture

nicodv commented

no live site available, i'm learning in a local environment (MAMP) I posted one before the summer but no useful response was delivered. There's not much more to say. My question is as basic as you can imagine. Unpacked the zen, made a subtheme and changed many things just to try a little of everything and see how it works, but then, header+background image didn't do as the [other regions]+background image did. I am using css edit and using inspectors, thanks to them i located all the possible header "locations" and still it doesnt show the image.

Last try was in page-backgrounds.css and i typed this #header {
background:transparent url(../images/fondoheader.png) no-repeat;

Any clue with this info?

Thanks a lot just for trying.

Jeff Burnz’s picture

Jeff Burnz commented

Dude, this is not the Zen theme issue queue, and I have no idea what page-backgrounds.css even is, nothing to do with this theme. If your CSS is not working only really a few possible answers - the image does not exist, the path is wrong, the selector is wrong, the CSS is somehow malformed or the CSS file is not loading, or you have aggregation turned on and need to clear the sites caches.