Code rendering on iPhone/iPad

Discussion in 'Web Design and Development' started by 7DSniper, Jul 15, 2012.

  1. 7DSniper, Jul 15, 2012
    Last edited: Jul 15, 2012

    7DSniper macrumors regular

    Joined:
    Apr 15, 2012
    Location:
    South Florida
    #1
    I have a clients section on my website and my paragraphs are elongated on iPhone/iPad. Can some one shed some light why iOS would render the code this way.

    http://www.hooddesigns.com/clients.html

    Thanks for any help.
     

    Attached Files:

  2. fig macrumors 6502a

    fig

    Joined:
    Jun 13, 2012
    Location:
    Austin, TX
    #2
    At a glance I'd bet it's due to the massive left margin you've got on your client container id and it's variants.

    FYI, putting big margins on those like you're doing isn't a very resolution friendly way of centering things. Contain them all in a div of a certain width and give it margin: howevermanypx auto; and that'll place it in the horizontal center of your page for you.
     
  3. 7DSniper, Jul 16, 2012
    Last edited: Jul 16, 2012

    7DSniper thread starter macrumors regular

    Joined:
    Apr 15, 2012
    Location:
    South Florida
    #3
    I am brand new to HTML and CSS haha

    I was having a hard time putting paragraphs next to images so by trial and error with margin adjustments i got it lined up the way I wanted. I am sure it was not the proper way to do it.
     

Share This Page