Odd padding on iPhone makes unexplained horizontal scroll

HTML & CSS
1

I’m having this odd problem on the iPhone (320px width) where I get this unexplained padding that causes horizontal scroll. I can’t seem to locate the problem. Can anyone help investigate why this might be happening?

The problem:

640×1136 85.2 KB

What it should look like:

640×1136 86 KB

An example page:

Thank you!

2

IT’s because of this rule

#main-col2.width300 {
width: 320px;
}

Just do width:100%;

3

Thank you very much!

4

Okay, actually 100% caused some problems but it looks like you identified the correct problem. I think 300px should do it. Thank you.

5

Eh, 100% worked for me. I was only testing by reducing the browser size though. Oh well. Glad it worked.

6

@RyanReese
Sigh. I am getting the same problem again here: [Edit: Fixed.]

Any idea why?

Thanks.

7

Fixed. Thanks.

8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.