PC CSS Question
- Started
- Last post
- 11 Responses
- jaylarson
Dear NT,
This page shows ok in IE (pc) but the container box folds up to only show the height of the borders but still showing the proper width in FireFox. What am I doing wrong?
http://writersblood.com/v-002/v-…
Thanks,
jay
- thismanslife0
You need to clear your floats to make the outer container to wrap around them.
ie. Take the float off your footer (this doesnt need to be floated, and is the last element before your container div ends) and put on clear: both
That should fix it :)
- version30
height is not supported by firefox
- jaylarson0
Thanks so far. It looks like I'll need to have the keys image as an IMG rather than a background tho...
- thismanslife0
height is not supported by firefox
version4
(Jun 18 06, 08:38)WTF, yes it is!
- thismanslife0
...hang on, were you being funny? :)
- era4O40
try adding a min-height too, but i doubt it'll work. he's right about the heights...
also try creating a few wrappers around the elements you want with heights. Our site incorporates that method to "fake" heights.
- thismanslife0
...or he could just do what I suggested! He doesnt need to put a height on the outer div, he just needs to make it stretch around his content (whatever height it may be) Adding clear:both to his footer should do this.
- thismanslife0
Oh and the keys image doesn't show up because you have "fixed" on .leftimage-main ...take it out, you don't need it (it's "fixing" it to the top left of the page, make your browser smaller and you'll see it)..
There, done!
- version30
*was taking the piss
- jaylarson0
thanks thismanslife. your commetns have helped out a bunch.
era404, thanks. but when I tried this it got goofy, probably because things were goofy being fixed and uncleared.
looks like i now have plenty to read. i think need to know why this works.
*eyes glaze over upon visiting www.w3.org
- thismanslife0
Good luck :)