Forums

lester

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Please Login Here!</title>
<link href="css/reset.css" type="text/css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/script.js"></script>
</head>

<body>
<div id="wrapper">
	
	<div id="loginContainer">
		Testing
	</div>
	
	<div id="footer">
		<h6>©Victoria School Infocomm Club 2012</h6>
	</div>
</div>
</body>
</html>

CSS:
#footer{
margin-top: 100px;
height: 166px;
width: 100%;
background: url('../img/footerBackground.png') repeat-x;
text-align: center;
/*Align to bottom*/
position: fixed;
left: 0;
bottom: 0;
/* IE 6 */
* html #footer {
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

}

#footer h6{
font-family: Helvetica;
font-size: 10px;
color: #e2f8ff;
position: fixed;
bottom: 10px;

}

Problem: The h6 text doesn't align to the centre, it just stay aligned to the left.

Hompimpa

Remove this:

#footer h6{
font-family: Helvetica;
font-size: 10px;
color: #e2f8ff;
/* position: fixed; <== remove! */
/* bottom: 10px; <== remove! */
}

lester

It worked but its also vertically align is there a way to have the same effect as
bottom: 0;

ylc66

maybe with

line-height

treehouse : what would you like to learn today?

Forums

Text-align: Centre Problem