CSS - ウェブサイトがブラウザの中心にない

私が何をしても、ブラウザで見るときに私のウェブサイトを中央に置くことはできません。私はgoogle/youtubeの全部を見て、すべてを試しました。この時点で非常に迷惑になります。CSS - ウェブサイトがブラウザの中心にない

相続コード：

<!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にスニペットを適用する方法を考え出すことはできません）（あなたの唯一の懸念であるように見える）の画面より広い1600pxの場合

出典

2016-06-23 23:59:58

：ここ

は一例です中央には margin: 0 auto;を #Table_01に追加してください。しかしその幅の下では、全く異なるアプローチが必要です。

詳細は、実際のコンテンツやレイアウトに依存します。これはコードでは表示されません。はいの場合は、画像の全体を小さな画面で見ることができるように、幅（画像とその親要素の幅は100％）にパーセント値を使用することをお勧めします。

出典

2016-06-24 00:23:35 Johannes

CSS - ウェブサイトがブラウザの中心にない

答えて

関連する問題