Center image really quick and easy using CSS

Feb

Center image really quick and easy using CSS

Posted by Radu in Web Development,World Wide Web

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

Perhaps all of you tried sooner or later to center an image right in the middle of the browser screen.

I know there are many solutions to this one but I think the easiest way to center an image on a page is to use a CSS on the HTML tag like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html style="width:100%; height:100%; background:url(logo.png) no-repeat center;">
<head>
<title>RaduM</title>
</head>
</html>

This entry was posted on Wed, Feb 04, 2009 at 12:21 am and is filed under Web Development,World Wide Web. You can get updates of new posts through the RSS 2.0 feed. You can leave a response, or trackback from your own site.