CSS float problems

unknowndomain · 2 Jul 2006 at 00:02

A friend is having some problems with his website and as its moderated registration I said i would see if any one could help on here....

As you can see on http://prsdesigns.net/website/index.php, my design is messed up.

the problem i am having is when using floats the container it is in does not count the following DIV as part of its contents, and therefore does not increase etc. see my screenshot for what i mean.

if anyone could give me some advice as this is the only problem i am having, it would be very much apreciated.

Screenshot 1
Screenshot 2

huppy · 2 Jul 2006 at 00:08

The way I do it (or seem to remember doing it in the past) is by putting a <div style="clear: both"> </div> under the floated elements, just before the container div is closed, to 'pull' the container div around this one. It then covers the whole lot. I think

unknowndomain · 2 Jul 2006 at 00:13

huppy said:
The way I do it (or seem to remember doing it in the past) is by putting a <div style="clear: both"> </div> under the floated elements, just before the container div is closed, to 'pull' the container div around this one. It then covers the whole lot. I think

"i have put echo "<div style=\"clear: both\"> </div>"; below both floated div's, but it still hasnt done anything to the page design. the design just stays at 100% of the visible page"

huppy · 2 Jul 2006 at 00:22

hmm it works for me - remove all of the height: 100% and min-height: 100% parts of the css, (from the html, body and #wrap) then put the above <div> in at the bottom, like so:

Code:

</div>
<div style="clear: both">&nbsp;</div>
</div>

<!--<div id="footer"></div>
<div id="pagebottom"></div>-->

</body>

</html>

Should be how the page finishes.

PRSBOY · 3 Jul 2006 at 00:58

hi, im the guy you just helped.

thanks a lot, that sorted me fine.