- This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Can you see? It is as if the of “footerlinks” are aligned to the bottom border, whereas the ones on “socialicons” look in place. Borders were drawn for you to notice.
Link: http://savoir-faire.pe/test/index.html
HTML
CSS
#footer {
background-color:#141414;
color:#ececec;
min-height:150px;
position:relative;
width:100%;
height:100%;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:1em;
clear:both;
}
#footer .wrapper {
padding:30px;
width:960px;
margin:0 auto;
vertical-align:baseline;
display:block;
border: 1px solid #F00;
}
.footerlinks {
border:1px solid #096;
text-align:left;
width:22%;
}
.footerlinks a {
width:20%;
text-decoration:none;
text-align:center;
color:#ececec;
font-size:0.7em;
text-align:center;
border:1px solid #096;
}
.footerlinks ul{
border:1px solid #C99;
list-style-type:none;
margin: auto;
padding:0;
}
.footerlinks li {
margin-bottom:10px;
}
#copyright {
width:30%;
float:left;
border:1px solid #096;
font-size:0.8em;
text-align:center;
margin: 10px 0 0 35%;
}
.socialicons {
width:30%;
border:1px solid #096;
float:right;
font-size:1em;
font-family:"Socialico";
}
.socialicons li {
width:20%;
margin-left:10%;
display:inline;
border:1px solid #096;
font-family:Socialico;
}
Simply looks like that’s just how the font is rendered.
it doesn’t happen when the font-size is set to 1em. I get the same result as above with any lower em size. There’s no way to center it horizontally?