수다닷컴

우선 설명을 드리자면 제가 만들고 싶은 기본 레이어 틀은 아래 그림 윗 부분입니다.
빨강 width 100%
검정 width 100% 그리고 본문 노랑 width 1000px

그리고 소스는 아래와 같구요.
그런데 이 소스를 적용하면 익스와 크롬에서는 그림 윗부분처럼 잘 보입니다.
하지만 안드로이드와 아이패드에서는 아래 그림처럼 왼쪽으로 쏠려서 width도 100% 가아닌 80% 정도만 먹습니다.

고수님들의 절실한 도움 필요합니다.
정말 몇일을 이거하나때문에 고민하는 초보입니다. 도와주십시요.

아래는 참고사진입니다.

다음은 소스입니다.!doctype html
html
head
meta charset=utf-8

style type=text/css
* {margin:0; padding:0; }

.wrap {
width: 100%;
margin: 0 auto;
}
.header {
background-color: red;
width: 100%;
height: 100px;
margin: 0 auto;
}
.container {
width: 100%;
background-color: #000000;
padding-bottom: 30px;
padding-top: 30px;
}
.condent_dummy {
width: 1050px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-right: 25px;
padding-left: 25px;
}
.condent_dummy3 {
width: 1000px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: yellow;
}
/style
body
!--전체본문시작--
div class=wrap
!--top 시작--
div class=header/div
!--top 끝--
!--content 시작--
div class=container
div class=condent_dummy
div class=condent_dummy3

여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.여기서부터는본문내용입니다.

/div
/div
/div
/div
/body
/html

신청하기