0
我需要一些幫助來處理頁腳。我希望我的文本在右側，但不想將它全部推入角落like this.當將文本對齊到右側或將整個div浮動到右側時會發生這種情況。保證金是一個解決方案，但當我讓我的屏幕變小時，文本消失，因爲文本無法移動，因爲保證金。這就是爲什麼我試圖把文本放在div中，我設置爲25％的屏幕。所以文本總是佔用屏幕的25％。但不幸的是，這仍然不能解決我的問題，因爲當你縮小屏幕時，所有的文本現在都被推到底部。當您縮小屏幕時移動文本頁腳
有沒有人有我的工作解決方案？
This is how the pages looks right-now（顏色就在那裏，所以你可以看到的div更好）
@charset "UTF-8";
body {
background-image: url("achtergronden/hout.png");
\t width: 100%;
}
html, body{
margin: 0;
padding: 0;
}
#Anouk {
\t text-align: center;
\t margin: 0 auto;
\t padding: 0;
}
#Anouk img{
display: block;
}
#header {
height: 80px;
background: #000000;
}
li {
\t display: block;
float: left;
}
li a {
color: #FFFFFF;
\t height: 80px;
}
#contact {
\t float: right;
}
#homepagina {
\t background-image: url("achtergronden/blauw.png");
\t width: 100%;
\t height: 473px;
}
\t
#updates {
\t height:1000px;
}
#laatste {
\t color: #FFFFFF;
\t font-family: oswald, sans-serif;
\t font-size: 30px;
\t text-align: center;
\t text-decoration: bold 700;
}
\t
#footer {
\t position: relative;
}
#A {
\t height: 80px;
\t width: 25%;
\t background: yellow;
\t float: left;
}
#B {
\t background: red;
\t width: 25%;
\t height: 80px;
\t float: left;
}
#C {
\t background: blue;
\t width: 25%;
\t height: 80px;
\t float: left;
}
#D {
\t background: white;
\t width: 25%;
\t height: 80px;
\t float: left;
}<div id="Anouk">
<img src="logo/Hout.png" width="100%" alt="Logo" />
</div>
<div id="header">
<div id="menu">
<!--Home-->
<li id="home">
<a href="index.html">
<img src="Iconen/Home.png" height="80px" alt="home" onmouseover="this.src='Iconen/Home2.png'" onmouseout="this.src='Iconen/Home.png'" />
</a>
</li>
<!--Over Mij-->
<li id="over">
<a href="over.html">
<img src="Iconen/Over.png" height="80px" alt="home" onmouseover="this.src='Iconen/Over2.png'" onmouseout="this.src='Iconen/Over.png'" />
</a>
</li>
<!--Portfolio-->
<li id="portfolio">
<a href="portfolio.html">
<img src="Iconen/Portfolio.png" height="80px" alt="home" onmouseover="this.src='Iconen/Portfolio2.png'" onmouseout="this.src='Iconen/Portfolio.png'" />
</a>
</li>
<!--Contact-->
<li id="contact">
<a href="contact.html">
<img src="Iconen/Contact.png" height="80px" alt="home" onmouseover="this.src='Iconen/Contact2.png'" onmouseout="this.src='Iconen/Contact.png'" />
</a>
</li>
</div>
</div>
<div id="homepagina">
</div>
<div id="updates">
<p id="laatste">Laatste Updates</p>
</div>
<div id="footer">
<div id="A"></div>
<div id="B"></div>
<div id="C"></div>
<div id="D">
<p id="facebook"> F = ..........</p>
<p id="email"> E = ............</p>
</div>
</div>