모바일에 대한 오버플로 문제를 해결할 수 없습니다.

Question

여기에 포함 할 내용이 확실하지 않습니다. width을 방문했는데 모바일 장치의 오른쪽 여백에 내 사이트가 왜 보이는지 파악하지 못했습니다. 여기

내가 body 및 html CSS에서

overflow:hidden;

을 시도 링크 http://m.mdmobile.hailstorm-technologies.com/ 이며,이 모바일에이 문제를 해결하는 동안 바탕 화면에 아래로 스크롤 기운 다.

body 및 html에 대해 overflow-x:hidden을 시도했으며 다시 한 번 모바일에서 작동하지만 두 번째 세로 스크롤 막대를 수축 된 데스크톱 브라우저에 추가합니다.

HTML {

margin: 0; 
padding: 0; 
width:100%; 
overflow-x:hidden; 



} 

body { 
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
margin: 0px; 
padding: 0px; 
background-image: url('../image/background-pattern.jpg'); 
width:100%; 
overflow-x:hidden; 


} 

필자는이 포함 ...

 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">  

Answer 1

다음 줄이

#header #welcome { 
float: left; /* remove this */ 
z-index: 5; 
text-align: left; 
color: #006f51; 
position: relative; 
} 

편집 일으키는 : 아직도 일부 마진이 aswell 제거를

#header #cart .heading a { 
color: #006f51; 
text-decoration: none; 
float: right; 
text-decoration: underline; 
margin-right: -10px; /* remove this */ 
padding: 6px 10px 6px 30px; 
clear: both; 
font-size: 17px; 
}