Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Problem with iPhone displaying images

Options
  • 21-03-2013 8:02am
    #1
    jetski
    Registered Users Posts: 820 ✭✭✭


    hi all,

    working on a new page but found this funny glitch...

    page looks well on laptop and ipad but when viewed on iphone 5 the images are off??? also when resolution is set down low its messes up the page!!

    please help

    link to page http://goo.gl/xJHcN


Comments

  • Options
    #2
    Basq
    Registered Users Posts: 43,835 ✭✭✭✭Basq


    From a quick glance in Chrome Dev Tools, your top-div ("top") and menu/address/map-div ("main") are together in their own div, and the "content" div ("Laptop Repair") is outside of all that.

    Leave the div "top" as is.. but put "main" and "content" div together in their own div. Float "main" left and float "content" right.

    Bit of tweaking here and there, but that should do it.

    EDIT: Alternatively... bit of messing here with Chrome Dev Tools... move the entire "content" div in just after "main" div.

    6qkMwA.jpg

    Seems to work here but didn't inspect CSS closely enough to know how well it'll work across browsers.


  • Options
    #3
    jetski
    Registered Users Posts: 820 ✭✭✭jetski


    super, let me have a go and get back to you.


  • Options
    #4
    jetski
    Registered Users Posts: 820 ✭✭✭jetski


    hey,

    I tried exactly that but the menu changed to the right hand side?

    http://www.wthax.org/image/84714


  • Options
    #5
    Basq
    Registered Users Posts: 43,835 ✭✭✭✭Basq


    Your "content" div appears to be inside "main" div there.

    Try to put it after the closing tag of the "main" div.


  • Options
    #6
    jetski
    Registered Users Posts: 820 ✭✭✭jetski


    did that, again looks fine on pc or tablet but iphone the images are about an inch higher than should be?

    http://www.wthax.org/image/84721


  • Advertisement
Advertisement