[BNM] rrrrgghh - why won't this centre?...

Mon Feb 2 10:19:43 GMT 2009

On 2 Feb 2009, at 10:13, Adam Mould wrote:

> On 2 Feb 2009, at 10:08, Tarun Hari wrote:
>
>> margin: 0 auto;
>>
>> needs to be applied to the cms container too
>
> hhmmm... doesn't work for me here:

I'm now using to position the div down the page... still no 
joy???

amended CSS:

-------------------
/* CMS style sheet */

body {
	font: 100% georgia, sans-serif;
	background: #501646;
	text-align: center;
	margin-top: 0px;
}

/*MAIN CONTAINER / background image 2*/

#container2 {
	background-image:url(img/basket.jpg);
width: 1024px;
height: 768px;
text-align: center;
margin: 0 auto;
position:relative;
}

/*CENTERED CMS CONTENT (scroll) 2*/

#cmscontainer {
background-color:#fff;
width:600px;
height:500px;
overflow:auto;
padding:10px;
margin: 0 auto;
position:relative;
}

---------------------

Amended HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;  
charset=ISO-8859-1" />
<title>Untitled Document</title>
<link href="cms.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--

-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
   if (init==true) with (navigator) {if ((appName=="Netscape")&& 
(parseInt(appVersion)==4)) {
     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;  
onresize=MM_reloadPage; }}
   else if (innerWidth!=document.MM_pgW || innerHeight! 
=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>

<div id="container2"><br /><br /><br /><br /><br /><br /><br /><br / 
 ><br />

<div id="cmscontainer"><h1>why won't this centre?</h1>

Sed ut perspiciatis unde omnis iste natus error sit voluptatem 
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 
ab illo inventore veritatis et quasi architecto beatae vitae dicta 
sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit 
aspernatur aut odit aut fugit, sed quia consequuntur magni dolores 
eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, 
qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, 
sed quia non numquam eius modi tempora incidunt ut labore et dolore 
magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis 
nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut 
aliquid ex ea commodi consequatur? Quis autem vel eum iure 
reprehenderit qui in ea voluptate velit esse quam nihil molestiae 
consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla 
pariatur 
 
Sed ut perspiciatis unde omnis iste natus error sit voluptatem 
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 
ab illo inventore veritatis et quasi architecto beatae vitae dicta 
sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit 
aspernatur aut odit aut fugit, sed quia consequuntur magni dolores 
eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, 
qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, 
sed quia non numquam eius modi tempora incidunt ut labore et dolore 
magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis 
nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut 
aliquid ex ea commodi consequatur? Quis autem vel eum iure 
reprehenderit qui in ea voluptate velit esse quam nihil molestiae 
consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla 
pariatur
</div>

</div>

</body>
</html>