CSS - 웹 사이트가 브라우저의 중심에 있지 않음

내가 무엇을해도 브라우저에서 볼 때 내 웹 사이트를 중앙에 놓을 수 없습니다. /. 나는 google/youtube 전체를 보았고 모든 것을 시도했습니다. 이 시점에서 매우 짜증납니다.CSS - 웹 사이트가 브라우저의 중심에 있지 않음

을 Heres 코드 :

<!doctype html> 
 
<html> 
 
<head> 
 
<title>01_Home</title> 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
<!-- Save for Web Styles (01_Home.psd) --> 
 
<style type="text/css"> 
 
<!-- 
 

 
#Table_01 { 
 
    overflow: hidden; 
 
    min-width: 1600px; 
 
\t 
 
} 
 

 
#id01-Home { 
 
\t position:relative; 
 
\t width:1600px; 
 
\t height:8226px; 
 
\t margin:0 auto; 
 
\t } 
 

 
--> 
 
</style> 
 
<link href="style.css" rel="stylesheet" type="text/css"> 
 
<!-- End Save for Web Styles --> 
 
</head> 
 
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0; margin-right: 0px;"> 
 
<!-- Save for Web Slices (01_Home.psd) --> 
 
<div id="Table_01"> 
 
\t <div id="id01-Home"> 
 
\t \t <img src="images/01_Home.jpg" width="1600" height="8226" alt=""> 
 
\t </div> 
 
</div> 
 
<!-- End Save for Web Slices --> 
 
</body> 
 
</html>

출처

2016-06-23 chrisd1120

Google은 나를 위해 ... https : //www.google.com/search? sourceid = chrome-psyapi2 & ion = 1 & espv = 2 & ie = UTF-8 & q = css % 20centering & oq = css % 20centering & aqs = chrome..69i57j0l5.5752j0j7 – MCMastery

div의 높이와 너비가 크기 때문에 중심에 있지 않습니다. 정확히 무엇이 문제인지 알려주세요. – ihemant360

나는 당신이 당신의 BODY 태그에 다음과 같은 스타일을 적용 제안 :

text-align:center;

을 그리고 외부 컨테이너를 만듭니다 (DIV를 말한다. 컨테이너)에 다음 스타일을 지정하십시오.

text-align:left; 
width: 50%; 
margin: 0 auto;

작업 할 때까지 다른 모든 스타일을 제거한 다음 필요한 스타일을 다시 추가하십시오. 당신은 단순히 수 https://jsfiddle.net/wshobaqh/ (죄송합니다, 나는 SO에 조각을 적용하는 방법을 작동하지 않을 수 있습니다) (당신의 유일한 관심사 것 같다) 화면보다 넓은 49 픽셀에 대한

출처

2016-06-23 23:59:58

: 여기

은 예입니다 가운데에 맞추려면 margin: 0 auto;을 #Table_01에 붙이십시오. 그 너비에서는 완전히 다른 접근 방식이 필요합니다.

세부 정보는 실제 콘텐츠와 레이아웃이 코드에 표시되지 않거나 이미지가 실제로 유일한 콘텐츠입니까? 예인 경우 작은 화면에서 전체 이미지를 볼 수 있도록 너비에 백분율 값 (이미지 및 상위 요소의 너비는 100 %)을 사용하는 것이 좋습니다.

출처

2016-06-24 00:23:35 Johannes

CSS - 웹 사이트가 브라우저의 중심에 있지 않음

답변

관련 문제