Hi,
I have been using floating div's as my layout for my webpage and I have recently got some complaints about mozilla firefox. It seems that my right float or my sidebar moves under the left bar rather then floating beside it.
I posted this on the mozilla forum but the only response I got wasn't very helpful or polite. I am hoping that you could check my site in firefox and tell me what I have done wrong with my CSS.
Thank you kindly.
Gumbi
CSS div's and Firefox
I don't know... an awful LOT of code to wade thru there.
A couple of ideas... whenever I've used a 2-column design I just float the sidebar and not the main.
Also, when doing this the html structure is different... put the sidebar before the main in the html.
I didn't see a #sidebar2 in your css but you are calling it in the html.
My suggestion, other than the above is to create a copy of that page and strip everything out, then start adding your html one div at a time
CSS div's and Firefox
I didn't see a #sidebar2 in your css but you are calling it in the html.
Also there is #main2 in the source code of the page but it's not in the stylesheet.
My suggestion, other than the above is to create a copy of that page and strip everything out, then start adding your html one div at a time
This is a very good idea since by using your very useful Begin/End comments I noticed you have quite a few unclosed div tags. Mozilla doesn't look kindly on this.

Start by cleaning up your code; try with only small chunks of the text so you can find your way easier in the html, and then if you still have the problem it will be easier for others to look into it for you.
Thanks...Still more
I went through and I found a lot of redundant div tags that cleaned up the code a little.
At the beginning of every month my page goes blank, so it's layout looked fine. Then I added a post and still the layout was great. But now i have a second post and the sidebar has moved again.
Also another weird problem is in mozilla my hover css seems to apply to all text. Any ideas?
Thanks for your previous help and I am sorry that I have so much code.
Gumbi
Re: Thanks...Still more
Also another weird problem is in mozilla my hover css seems to apply to all text. Any ideas?
Close your <a> tags!!!
<h3 class="post-title">
<a name="43">Happy Canada Day - 7/1/2004 3:31:49 PM</a>
</h3>
<p>Wow a minority Government in Canada...
You need to go through your code and really check for unclosed tags. IE may overlook some of those but mozilla wont. Plust even in IE it's still messy code.
CSS div's and Firefox
I guess I have underestimate how bad my code actually is...
I thought I had done a good job, anyways it is a learning experience.
I will clean this code up and just mess around with it till I get it fixed, thanks anyways.
G