hey leute,
ich bin neu in der css welt und auch wenn es extrem einfach ist, ich kriege meinen text im footer nicht zentriert [Blockierte Grafik: http://www.html.de/styles/default/xenforo/clear.png]
horizontal ist er zwar zentriert, jedoch nicht vertikal ..
html:
HTML
<html>
<title>dwafawfaw</title>
<link rel="stylesheet" type="text/css" href="design.css"></link>
</head>
<body>
<div id="header">
</div>
<div id="main">
</div>
<div id="footer">
<div id="f1">
Text1
</div>
<div id="f2">
Text2
</div>
<div id="f3">
Text3
</div>
<div id="f4">
Text4
</div>
<div id="f5">
Text5
</div>
</div>
</body>
</html>css:
Code
body {
background-color:#FFFFFF;
margin:0;
padding:0;
}
#header {
width:100%;
height:7%;
background:#434446;
}
#main {
width:100%;
height:88%;
background:#2E2F31;
}
#footer {
width:100%;
height:5%;
background:#FFFFFF;
}
#f1 {
width:20%;
font-size:12px;
color:black;
text-align: center;
float:left;
}
#f2 {
width:20%;
font-size:12px;
color:black;
text-align: center;
float:left;
}
#f3 {
width:20%;
font-size:12px;
color:black;
text-align: center;
float:left;
}
#f4 {
width:20%;
font-size:12px;
color:black;
text-align: center;
float:left;
}
#f5 {
width:20%;
font-size:12px;
color:black;
text-align: center;
float:left;
}hoffe ihr könnt mir helfen [Blockierte Grafik: http://www.html.de/styles/default/xenforo/clear.png]
mfg lemon
- - - Aktualisiert - - -
problem gelöst