[thelist] VERY basic CSS question

Dan McCullough dmccullough at garnethill.com
Tue May 18 11:56:59 CDT 2004


Try verticle (vertical) -align: middle; or center;

-----Original Message-----
From: thelist-bounces at lists.evolt.org
[mailto:thelist-bounces at lists.evolt.org] On Behalf Of Rob Smith
Sent: Tuesday, May 18, 2004 12:31 PM
To: Thelist (E-mail)
Subject: [thelist] VERY basic CSS question


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
-- 
* * Please support the community that supports you.  * *
http://evolt.org/help_support_evolt/

For unsubscribe and other options, including the Tip Harvester 
and archives of thelist go to: http://lists.evolt.org 
Workers of the Web, evolt ! 


More information about the thelist mailing list