5 replies [Last post]
gumbi
Offline
newbie
Last seen: 17 years 22 weeks ago
Joined: 2004-06-30
Posts: 3
Points: 0

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.

www.gumbi.ca/glog.asp

Thank you kindly.

Gumbi

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 3 years 8 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

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

varsenov
varsenov's picture
Offline
newbie
Nicosia, CY
Last seen: 17 years 23 weeks ago
Nicosia, CY
Timezone: GMT+2
Joined: 2004-06-25
Posts: 6
Points: 0

CSS div's and Firefox

rmfred wrote:

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.

rmfred wrote:
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. Wink
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.

gumbi
Offline
newbie
Last seen: 17 years 22 weeks ago
Joined: 2004-06-30
Posts: 3
Points: 0

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

varsenov
varsenov's picture
Offline
newbie
Nicosia, CY
Last seen: 17 years 23 weeks ago
Nicosia, CY
Timezone: GMT+2
Joined: 2004-06-25
Posts: 6
Points: 0

Re: Thanks...Still more

gumbi wrote:

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.

gumbi
Offline
newbie
Last seen: 17 years 22 weeks ago
Joined: 2004-06-30
Posts: 3
Points: 0

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