WordPress.org

Ready to get started?Download WordPress

Forums

problem w/ layout on 1366 x 768 resolution in Firefox (10 posts)

  1. Mike
    Member
    Posted 4 years ago #

    Hello,

    I have built this website for a while, and then the other day using another laptop and visiting my site i noticed the layout was all messed up.

    His laptop i think is an extra-wide screen, (it is resolution 1366 x 768). what is strange is that it was all wrong in Firefox (3.6.3) but when i checked IE from his same laptop there was no issue with the appearance. here is a screencap:

    1366 x 768

    you can see how the header and content overrun the right side of the layout

    in contrast, here is the same page from other resolutions:

    1024 x 768

    1920 x 1080

    anyone have any idea what would be causing this or how to correct it?

    i have also checked one of my other websites and it had the exact same problem :(

    thanks

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Screenshot are of no real use. What might help is a link to your site.

  3. Mike
    Member
    Posted 4 years ago #

    just go to the root domain of the links i posted. thanks

  4. Funkphenomenon
    Member
    Posted 4 years ago #

    Also using Fx 3.6.3, Opera 10.something and Chrome, on 1680x1050. Haven't noticed any issues.
    Try checking the website with http://browsershots.org

  5. Darrell Schauss
    Member
    Posted 4 years ago #

    Are the other resolutions you tried from his laptop or another computer? Maybe it is something with his laptop. I changed my resolution to 1360x768 (my closest choice) and its fine in FF. Also at 1680x1050, resizing Firefox doesn't break anything.

  6. esmi
    Forum Moderator
    Posted 4 years ago #

    Ditto. I can't break anything in Firefox.

  7. Mike
    Member
    Posted 4 years ago #

    Thanks darrelonsite. are you also using FF 3.6.3, or another version?

    also thanks Funkphenomenon for the link.

    even if the problem is isolated to his computer, still, i would love to know the nature of the problem, as even if it affects one person that is one persons business you are not getting.

  8. Darrell Schauss
    Member
    Posted 4 years ago #

    Try disabling his Firefox plugins if he has any. Remove the whole UL section for the 3 social icons. It might have something to do with that. The gap starts where the headerimage div would end normally if it wasn't for the icons. I can't make the gap happen but the whole headerimage div is overlapping the menu when those icons are positioned down like that.

    Maybe try absolute positioning the icons inside the header div for the menu so the divs don't overlap. But the menu UL and social UL might.

  9. Mike
    Member
    Posted 4 years ago #

    thanks, however i dont think its an issue specific to the icons as the exact same problem was occurring on another site I am building on a different domain and that site is not using any icons like i have there. its possible this is a bug in the theme (Thesis theme)

  10. Mike
    Member
    Posted 4 years ago #

    i think i discovered the problem. If you adjust your screen resolution on your monitor to 1366 x 768, and then in FF 'view' tab, go to 'zoom' and select 'zoom text only' and then next click on 'zoom out' and it gives the exact same effect that i captured in my screenshot. give it a try and you will see.

    so i am going to assume that on the other persons laptop they had zoomed their browser.

    still, it would be nice to have a workaround for this

Topic Closed

This topic has been closed to new replies.

About this Topic