格式時遇到問題網站所有決議案

-1

您好研究員誰的技術人員將解決你的親戚電腦免費，格式時遇到問題網站所有決議案

反正，我是一個相當新的編碼器，和我只是還在HTML/CSS初學者。作爲第一個項目，我爲爸爸做了一個網站作爲生日禮物，因爲他在15年內沒有更新他的小企業網站，並且通過他的代表獲得大部分工作，但我想幫助他並將其帶入21世紀。

無論如何，我遵循了幾個關於如何創建一個簡單網站的YT教程，但ATM我的網站大約是800px，而且看起來像他目前的網站，因爲無論您的屏幕大小如何，文本只填滿約1/3-1/2的屏幕。

我首先要做的主要事情是背景顏色，尤其是標題，以放棄屏幕，其次，文本/圖片要隨着您更改瀏覽器大小而進行縮放。

我試着在其他線程上尋找一些答案，但我很難理解，因爲其他人有他們自己的分隔符和變量的名稱。

這是我的HTML和CSS的一部分。當然，我會剪掉大部分代碼，如大多數文本，文本格式等，以及名稱和地方。

HTML：

<DOCTYPE html> 
<html> 
<head> 
<title>Website</title> 
<link rel="stylesheet" type="text/css" href="style.css"/> 
</head> 
<body> 
<div id="container"> 
<div id="header"> 
<h1>Dad's Company</h1> 
</div> 
<div id="content"> 
<div id="main"> 
<h2>Person Name</h2> 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> 
</div> 
</div> 
<div id= "footer"> 
Copyright &copy; 2017 Ye Co. 
</div> 
</div> 
</body> 
</html> 
----------

這是CSS

body { 
    background-color: #FFFFFF; 
    overflow-x: hidden; 
    width: 100%; 
    height: 100%; 
} 

h1 { 
    margin-left: 10px; 
    padding: 30px; 
    text-align: center; 
} 

h2 { 
    color: #4F4F4F; 
    text-align: center; 
} 

#header { 
    background-color: #992626; 
} 

#container { 
    background-color: #DDDDDD; 
    width: 800px; 
    margin-left: auto; 
    margin-right: auto; 
} 

#site { 
    overflow-x: hidden; 
} 

#content { 
    padding: 10px; 
    text-align: center; 
    float: right; 
} 

#main { 
    width: 600px; 
    float: center; 
} 

#footer { 
    clear: both; 
    font-size: 15; 
    text-align: right; 
    padding: 5px; 
    background-color: #992626; 
    font-family: serif;

謝謝！我希望你們能通過我亂七八糟的編碼找到答案。如果你們可以給我一些關於你的代碼的例子，告訴我一個解決方案，它也將有所幫助。謝謝！

來源

2017-04-25 Robert Longo

嘗試使用引導的網格佈局。它使這種事情變得非常簡單。 –

謝謝，無論如何，我喜歡通過搞亂別人的代碼來學習。但也許有人會在我搞清楚之前得到答案。 –

-1

刪除id =「main」，您可以正確對齊段落。

來源

2017-04-26 11:42:09

我不認爲你讀過這個問題。我試圖讓頭部的背景顏色在網頁上傳播，即使在不同的分辨率下也是如此。我已經知道「主要」文本對齊方式，因爲我在那裏放置了其他文本，爲了清除問題的代碼，我排除了其他文本。 –

-1

<DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>Website</title> 
 
<link rel="stylesheet" type="text/css" href="style.css"/> 
 
<style> 
 
body { 
 
    background-color: #FFFFFF; 
 
    overflow-x: hidden; 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 

 
h1 { 
 
    margin-left: 10px; 
 
    padding: 30px; 
 
    text-align: center; 
 
} 
 

 
h2 { 
 
    color: #4F4F4F; 
 
    text-align: center; 
 
} 
 

 
#header { 
 
    background-color: #992626; 
 
} 
 

 
#container { 
 
    background-color: #DDDDDD; 
 
    width: 800px; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
} 
 

 
#site { 
 
    overflow-x: hidden; 
 
} 
 

 
#content { 
 
    padding: 10px; 
 
    text-align: center; 
 
    float: right; 
 
} 
 

 
#main { 
 
    width: 600px; 
 
    float: center; 
 
} 
 

 
#footer { 
 
    clear: both; 
 
    font-size: 15; 
 
    text-align: center; 
 
    padding: 5px; 
 
    background-color: #992626; 
 
    font-family: serif; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 
<div id="container"> 
 
<div id="header"> 
 
<h1>Dad's Company</h1> 
 
</div> 
 
<div id="content"> 
 
<div > 
 
<h2>Person Name</h2> 
 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> 
 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> 
 
</div> 
 
</div> 
 
<div id= "footer"> 
 
Copyright &copy; 2017 Ye Co. 
 
</div> 
 
</div> 
 

 

 
</body> 
 
</html>

來源

2017-06-07 09:34:07

格式時遇到問題網站所有決議案

回答

相關問題