4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Margin Problem

by jleavitt13
3 replies
  • WEB DESIGN
    • |
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
#margin #problem
  • Profile picture of the author brianman
    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?
    Signature
    Atlanta SEO | Atlanta Search Engine Optimization | Atlanta Search Engine Optimization Consulting | Atlanta Website Design
    {{ DiscussionBoard.errors[4569860].message }}
  • Profile picture of the author johnnyN
    stab in the dark here, try making the container div wider (like 1100px)
    {{ DiscussionBoard.errors[4580498].message }}
    • Profile picture of the author angelie
      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)
      {{ DiscussionBoard.errors[4592693].message }}

Trending Topics