problem w/ layout on 1366 x 768 resolution in Firefox

  • Grackle Design

    (@mikedark)


    13 years, 11 months 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

Viewing 9 replies - 1 through 9 (of 9 total)
  • esmi

    (@esmi)

    13 years, 11 months ago

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

    Thread Starter Grackle Design

    (@mikedark)

    13 years, 11 months ago

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

    Funkphenomenon

    (@funkphenomenon)

    13 years, 11 months ago

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

    Darrell Schauss

    (@darrellonsite)

    13 years, 11 months 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 1360×768 (my closest choice) and its fine in FF. Also at 1680×1050, resizing Firefox doesn’t break anything.

    esmi

    (@esmi)

    13 years, 11 months ago

    Ditto. I can’t break anything in Firefox.

    Thread Starter Grackle Design

    (@mikedark)

    13 years, 11 months 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.

    Darrell Schauss

    (@darrellonsite)

    13 years, 11 months 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.

    Thread Starter Grackle Design

    (@mikedark)

    13 years, 11 months 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)

    Thread Starter Grackle Design

    (@mikedark)

    13 years, 11 months 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

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘problem w/ layout on 1366 x 768 resolution in Firefox’ is closed to new replies.