[thelist] VERY basic CSS question

Rob Smith rob.smith at THERMON.com
Tue May 18 11:30:49 CDT 2004


Hey,

There's my css:

<style type="text/css">
body {
	background: #fff url(back.jpg) repeat-x  top;
	width: 760px;
	margin: 0px;
	padding: 0px;
	}
div.container {
	background: #fff url(mainback.jpg) no-repeat ;
	margin: 0px;
	padding: 55px;
	width: 760px;
	height: 470px;
	align: center;
	}
</style>

Here's my body:

<body>
	<div class="container">
  		<img src="title.gif">
		Hello World
	</div>
</body>

For the life of me I cannot get the "container"'s background image to be
centered on the page:

+---------+----+  +--+----------+--+
|   is    |    |  |  |   want   |  | 
|         |    |  |  |          |  |
+---------+    |  |  +----------+  |
|              |  |                |
|              |  |                |
+--------------+  +----------------+

What am I missing?


Rob Smith


More information about the thelist mailing list