- This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
Viewing 9 posts - 1 through 9 (of 9 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Background image of my div
#bottom{
background:url(head.gif);
color: #000000;
margin-top:10px;
width:100%;
}
is not inside the div..
here is the link
http://ideacreativeindia.com/1
when i apply height to this div
background is show near that “WHO ARE WE? ” part
:Help:
I suspect this is because that div either contains divs with no assigned height or are all floated and so it is collapsing.
How is it supposed to look?
Its looking exact what i need, except footer.
I wand footer background to be #ffffff
but it won’t work :(
when I apply height to footer then its background appears on top -_-
How about an overflow:hidden; on the #footer div
Thanks jozsef it worked :D
Thanks a ton man.
I was messing with this code since yesterday :D
This because that div either contains divs with no assigned height or are all floated and so it is collapsing.
You will need to add
#bottom {
clear:both;
height: xxpx;
}
amd
#footer {
height: xxpx;
}
There are other option but that would be the simplest way.
Well yes that’s true, overflow:hidden will cut absolutely positioned elements, or select boxes if they hang out of the #footer div. But it there will not be any of these, then I don’t see any problem using overflow:hidden as a clearfix solution.
Cheers.
OK ChrisP i’ll use it too, Since i need this website for long :)
Thanks for your valuable suggestion.
I would like to add to this, that display:table isn’t the best solution because it’s not supported everywhere.The classic crossbrowser solution would be:
#footer:after {content:'';clear:both;display:block}
#footer {display:inline-block}
#footer {display:block}