WordPress.org

Support

Support » How-To and Troubleshooting » FireFox Stacks Floated Sidebar and Main Column

FireFox Stacks Floated Sidebar and Main Column

  • Please, please (please) help. I’ve searched through the forums and found many people asking for help with the same issue but no solutions that work for my site.

    FireFox (Win, Mac, and Linux) has a long-standing bug that can cause problems with side-by-side floated containers whose content is filled by WP. In the past, I’ve been able to work around the bug, but I can’t figure it out this time.

    The site is: http://designorati.com/ Visit it in ANY other browser and it works great–the main “guts” content column floats left, the sidebar floats right. In FireFox, however, the main “guts” column stacks UNDER the sidebar.

Viewing 15 replies - 1 through 15 (of 39 total)
  • The site IS valid (check it).

    I’ve gone through all the widths–they’re correct. In fact, there’s empty space between the two columns (a hedge against common browser width/margin/padding problems).

    I tried absolute positioning of the main content area, too, but the outer div containers can’t keep up with an absolute positioned variable-height container. I can force FireFox to put the main column where it belongs, but the black background then ends at the bottom of the shorter right navigation column. Worse, the absolute positioned “guts” column then overlaps and hides the footer.

    I’m at a total loss, and I could REALLY use some help finding a way to workaround the FireFox issue.

    The stylesheets are here: Main theme CSS and FireFox-only fix CSS.

    Thank you in advance.

    but the outer div containers can’t keep up with an absolute positioned variable-height container. I can force FireFox to put the main column where it belongs, but the black background then ends at the bottom of the shorter right navigation column. Worse, the absolute positioned “guts” column then overlaps and hides the footer.

    That is it. Right there. Absolute positioning has no place in variable length items like blogs. You need float positioning and possibly faux columns.

    That is it. Right there. Absolute positioning has no place in variable length items like blogs. You need float positioning and possibly faux columns

    Root, that is not it. The problem I described occurs with float positioning. I tried absolute positioning as a workaround to the FF bug, but, as I noted, that attempt did not fix the issue.

    If you look at the site and my CSS, you’ll see the problem, which, again, only exists in FF. Every other browser (IE6/IE7, Opera, iCab, Safari, etc.) displays the site correctly.

    Ohhh-kay. What the hell? Someone (or the forum software) deleted the first two parts of my support question–the parts where I actually describe the problem!

    Apparently I’m not allowed to link to a malfunctioning site or the CSS files in my request for help??

    Here’s what WAS above, but was apparently deleted without notification by someone.

    Please, please (please) help. I’ve searched through the forums and found many people asking for help with the same issue but no solutions that work for my site.

    FireFox (Win, Mac, and Linux) has a long-standing bug that can cause problems with side-by-side floated containers whose content is filled by WP. In the past, I’ve been able to work around the bug, but I can’t figure it out this time.

    The site is: http://designorati.com/ Visit it in ANY other browser and it works great–the main “guts” content column floats left, the sidebar floats right. In FireFox, however, the main “guts” column stacks UNDER the sidebar.

    Ok. You are on your own now.

    Ok. You are on your own now.

    ?

    FireFox (Win, Mac, and Linux) has a long-standing bug that can cause problems with side-by-side floated containers whose content is filled by WP.

    OK. If you say so. I will just go – on your say so – and uninstall Firefox.

    Root,

    Why are you taking an issue with FireFox personally? If you’re unable to help, say so and leave the thread alone. I won’t hold it against you. But don’t get upset over software as unimportant as a browser someone else coded.

    Search these forums or Google; you’ll see the issue discussed numerous times. Unfortunately, all I can seem to find is people talking about the problem, not about a solution that I can use (I’ve tried the solutions I found to no avail).

    Well instead of dissing people and keeping everybody entertained a link to the blog in question would be handy. But there is no way your mess was caused by Firefox or WordPress. The first step to self development is humility. If you want to hold onto your belief that this is some one elses fault then noone can help. What you need to do is weigh the scale of your own screw up. I gave you pointers. You dissed. I am out. Good luck.

    It was said that it’s been a long standing problem.

    I don’t think it was a mistake by a person.

    So in order this is the fault of

    WordPress
    Firefox
    Me.

    OK.

    a link to the blog in question would be handy.

    That had been in my very first post, the one that started this thread. (The post from me that begins with “the site is valid” was a reply to my original post.) Somehow that original post and the link and problem description it contained was deleted between the time I posted it and you responded initially. (I reposted my original text; it is now reply #5 above.)

    As I said in my original post, it works for every major browser except Mozilla/FF. Between Win and Mac I’m looking at the site right now in: IE6 (Win), IE7 (Win), IE5 (Mac), Opera (Win & Mac), iCab (Mac), Safari (Win & Mac), and FireFox (Win & Mac). Only FireFox shows the problem. This has been independently verified by several code-savvy visitors.

    Root, instead of getting defensive over something that has nothing to do with you, why not try to help someone who is asking for help? Go to my site. See the problem for yourself.

    The problem only manifests with Mozilla/FF, but I’ve always been ready to accept–and I do believe–there is something in my code that is either causing it or at least not fixing the FF issue. Unfortunately, every time I try to post the links to my CSS files, the forum deletes that post.

    LOL 🙂

Viewing 15 replies - 1 through 15 (of 39 total)
  • The topic ‘FireFox Stacks Floated Sidebar and Main Column’ is closed to new replies.
Skip to toolbar