WordPress.org

Forums

[closed] FireFox Stacks Floated Sidebar and Main Column (40 posts)

  1. iamPariah
    Member
    Posted 7 years ago #

    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.

  2. iamPariah
    Member
    Posted 7 years ago #

    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.

  3. iamPariah
    Member
    Posted 7 years ago #

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

    Thank you in advance.

  4. Root
    Member
    Posted 7 years ago #

    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.

  5. iamPariah
    Member
    Posted 7 years ago #

    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.

  6. iamPariah
    Member
    Posted 7 years ago #

    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??

  7. iamPariah
    Member
    Posted 7 years ago #

    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.

  8. Root
    Member
    Posted 7 years ago #

    Ok. You are on your own now.

  9. iamPariah
    Member
    Posted 7 years ago #

    Ok. You are on your own now.

    ?

  10. Root
    Member
    Posted 7 years ago #

    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.

  11. iamPariah
    Member
    Posted 7 years ago #

    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).

  12. Root
    Member
    Posted 7 years ago #

    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.

  13. arranf
    Member
    Posted 7 years ago #

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

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

  14. Root
    Member
    Posted 7 years ago #

    So in order this is the fault of

    WordPress
    Firefox
    Me.

    OK.

  15. iamPariah
    Member
    Posted 7 years ago #

    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.

  16. Root
    Member
    Posted 7 years ago #

    LOL :)

  17. iamPariah
    Member
    Posted 7 years ago #

    Is there someone out there who can offer me suggestions for fixing the problem without getting personally offended by the request?

    I'm not a newb to either WP or CSS, but I feel like this is a very simple issue and solution that I'm just not grasping. I'll be happy to provide my CSS file (again, I tried, but the post containing the link keeps getting yanked from this thread).

  18. Root
    Member
    Posted 7 years ago #

    Well if you wanted the support of the WP community - then as you were designing your oh so trendy masterpiece - then you might have left the *Powered by WordPress* credit.

  19. iamPariah
    Member
    Posted 7 years ago #

    <sigh> Still working on the site. Some of the little things like that have yet to be added back in.

    I DO clearly promote WordPress on the page about the site tech and design.

    Of course, you, Root, clearly promote a different blog platform on your blog. So why are you here muddying up other people's requests for help with blog software that obviously isn't good enough for you?

  20. Root
    Member
    Posted 7 years ago #

    Well I do have some experience with WP. And I do use it on commercial sites with folk who haven't yet seen the light. :) And I do run a number of WP sites.

  21. iamPariah
    Member
    Posted 7 years ago #

    Look, man. I'm not here to argue. I help out other people around here when I can. I'm just another WP user asking for help with a problem he can't solve on his own.

    If you can help me, please do. If not, then I appreciate the conversation, but I'd really like to limit this thread to direct discussion of the technical issue I'm facing.

  22. Root
    Member
    Posted 7 years ago #

    Well in that case you need to revist your understanding of float positioning, and stop blaming it on everybody else. And in particular you need to study the Box Model.

  23. iamPariah
    Member
    Posted 7 years ago #

    Can anyone help me figure out this technical issue please?

  24. Root
    Member
    Posted 7 years ago #

    Well hopefully someone who knows a bit more about layouts and CSS positioning than I do will be along to help you out.
    @ moshu: Can you add your two cents for the guy please. :)

  25. whooami
    Member
    Posted 7 years ago #

    I would look, but your site wont even load for me.

    I will say this..

    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.

    That remark makes NO sense what-so-ever.

    Its impossible for a browser to differentiate between content that is filled by wordpress and content that is filled by something else.

    Content is content -- plain, simple, and matter-of-factly.

    --

    I should add that I have a total of EIGHT floats on my front page and dont have a single problem. Its not a bug, its in your styling..

  26. Root
    Member
    Posted 7 years ago #

    This has been independently verified by several code-savvy visitors.

    It has?

  27. whooami
    Member
    Posted 7 years ago #

    here's one for you:

    http://www.village-idiot.org/broke/design.gif

    I must have magical powers since all the WordPress content just floated right into where it needed to be for me.

    Did I mention I use the web dev extension for Firefox? :) If not, I do.

    And did I mention that's Firefox? I guess I did.

  28. Root
    Member
    Posted 7 years ago #

    Now that is really neat. :) Me? I couldn't be bothered. :)

  29. whooami
    Member
    Posted 7 years ago #

    I could tell him what the problem is but it would more of a learning experience for me to suggest this:

    Your site is about design - so live up to the credo, or get another day job.
    In other words, instead of going on about how its a bug (which it isnt), use your brain, and troubleshoot- systematically remove the cruft, starting with that crappy google iframe ad on the right hand side. etc..

    In fact, if you want to make it real simple dont bother with the front page - use your about page. Less clutter, ya know?

    Did I mention I use the web-dev extension for Firefox?

    --

    PS: I really got a kick out of the "dont steal my code" message in the css. Classic. Especially considering this thread.

    ---

    PSS: And I dont mean to be bitchy - its not personal.

  30. Root
    Member
    Posted 7 years ago #

    Well I could have told him what the problem was ages ago. :)

Topic Closed

This topic has been closed to new replies.

About this Topic