Margin Problem

by 3 replies
4
When a website I am working on displays on an iPhone / iPad there is an issue with right margin, or something like that. It looks like that the objects are being pushed to the right thus creating an black margin on the right.

I could just turn the back ground white, but I only want it white on the top half of the page, any suggestions?

website is here
#website design #margin #problem
  • Have you tried using responsive layout design? In other words, you set your width to be 100% and then you allow the browser width to adjust appropriately. You can then set your images to be a max-width etc: It's great for iPads. There's an article on smashingmagazine [dot] com. Just go there and type in "responsive design." But, looking at your code, I can't see what's causing the problem. Seems like you have margin set to 0px, correct?
  • stab in the dark here, try making the container div wider (like 1100px)
    • [1] reply
    • For the intro, Sign Up, Start Reading content, remove the margin-left styles and just float to right.

      Move the "More Info" div outside of "start_reading" div class and float it to left. In this way, you will not need the negative margin (i.e. margin-left:-679px)

Next Topics on Trending Feed

  • 4

    When a website I am working on displays on an iPhone / iPad there is an issue with right margin, or something like that. It looks like that the objects are being pushed to the right thus creating an black margin on the right. I could just turn the back ground white, but I only want it white on the top half of the page, any suggestions?