Here is the site <!-- w --><a class="postlink" href="http://www.wfbu.com/index.asp">www.wfbu.com/index.asp</a><!-- w -->
I have gotten everything pritty except the footer. I have 2 div in the footer and i have the first set to float:left. In firefox the right falls right in line and it looks great. In IE though the div's act like blocks and the second one is down one level. How do i fix this.
THanks in advance,Set the right div to float: right.When i did this it caused the footer to totally fail in firefox. You could only see the very top edge when doing that.
Help!
Thanks,Yes, you'll need to clear the two floating div's. Put this in inside the footer div, after the footerright div:<div style="height: 0; padding: 0; margin: 0; border: 0; clear: both;"></div>Thanks again Daniel,
I have a div already that does that. it has a class of .clearleft but the actually css calls for a clear:both.
<!-- m --><a class="postlink" href="http://www.wfbu.com/support/wfbu.cssOk...i">http://www.wfbu.com/support/wfbu.cssOk...i</a><!-- m --> figured things out.
I had the sizes of the left and right div definded by a margin:0 setting. With this they were overlapping each other. Since i had it set to float left firefox knew what i was trying to do, but IE didn't. Changed the left div to have a right margin of 60% and the right to have a left margin of 60% and the problem is now fixed.
Thanks to those that helped,
Nathan Z.
I have gotten everything pritty except the footer. I have 2 div in the footer and i have the first set to float:left. In firefox the right falls right in line and it looks great. In IE though the div's act like blocks and the second one is down one level. How do i fix this.
THanks in advance,Set the right div to float: right.When i did this it caused the footer to totally fail in firefox. You could only see the very top edge when doing that.
Help!
Thanks,Yes, you'll need to clear the two floating div's. Put this in inside the footer div, after the footerright div:<div style="height: 0; padding: 0; margin: 0; border: 0; clear: both;"></div>Thanks again Daniel,
I have a div already that does that. it has a class of .clearleft but the actually css calls for a clear:both.
<!-- m --><a class="postlink" href="http://www.wfbu.com/support/wfbu.cssOk...i">http://www.wfbu.com/support/wfbu.cssOk...i</a><!-- m --> figured things out.
I had the sizes of the left and right div definded by a margin:0 setting. With this they were overlapping each other. Since i had it set to float left firefox knew what i was trying to do, but IE didn't. Changed the left div to have a right margin of 60% and the right to have a left margin of 60% and the problem is now fixed.
Thanks to those that helped,
Nathan Z.