Ok...
My next problem. I got to the next part of my website today and instead of just having 1 column of content this one has 3. It looks great in both opera and ie, but in firefox it has a giant space at the bottom. HELP!!!
problem page (<!-- m --><a class="postlink" href="http://www.wfbu.com/about.asp">http://www.wfbu.com/about.asp</a><!-- m -->)
CSS 1 (<!-- m --><a class="postlink" href="http://www.wfbu.com/support/wfbu.css">http://www.wfbu.com/support/wfbu.css</a><!-- m -->)
CSS 2 (<!-- m --><a class="postlink" href="http://www.wfbu.com/support/about.css">http://www.wfbu.com/support/about.css</a><!-- m -->)Ok...here is what I have now learned..
<div id="contain">
<div id="1" class="floatleft">hello</div>
<div id="2" class="floatleft">it's me</div>
<div id="3" class="floatleft">goodby</div>
<div class="clearleft"></div>
</div>
The mistake is above. When you use the clear statement it adds a fake clear space. For what ever reason firefox made this clear space very real and very big on my page.
The code should be this.
<div id="contain">
<div id="1" class="floatleft">hello</div>
<div id="2" class="floatleft">it's me</div>
<div id="3" class="floatleft">goodby</div>
</div>
<div class="clearleft"></div>
The clear command should come outside of the div that is containing the floats.
Once again i got very little help but i figured it out.
My next problem. I got to the next part of my website today and instead of just having 1 column of content this one has 3. It looks great in both opera and ie, but in firefox it has a giant space at the bottom. HELP!!!
problem page (<!-- m --><a class="postlink" href="http://www.wfbu.com/about.asp">http://www.wfbu.com/about.asp</a><!-- m -->)
CSS 1 (<!-- m --><a class="postlink" href="http://www.wfbu.com/support/wfbu.css">http://www.wfbu.com/support/wfbu.css</a><!-- m -->)
CSS 2 (<!-- m --><a class="postlink" href="http://www.wfbu.com/support/about.css">http://www.wfbu.com/support/about.css</a><!-- m -->)Ok...here is what I have now learned..
<div id="contain">
<div id="1" class="floatleft">hello</div>
<div id="2" class="floatleft">it's me</div>
<div id="3" class="floatleft">goodby</div>
<div class="clearleft"></div>
</div>
The mistake is above. When you use the clear statement it adds a fake clear space. For what ever reason firefox made this clear space very real and very big on my page.
The code should be this.
<div id="contain">
<div id="1" class="floatleft">hello</div>
<div id="2" class="floatleft">it's me</div>
<div id="3" class="floatleft">goodby</div>
</div>
<div class="clearleft"></div>
The clear command should come outside of the div that is containing the floats.
Once again i got very little help
but i figured it out.