I don't know how this relates to photo layouts. But to center a div inside a div, use this code. Adjust widths and background colors to suit your needs.
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#Div1 {
width: 650px;
min-height: 650px;
margin:0 auto;
background: black;
color:#FFF;
}
#Div2 {
width: 350px;
min-height:350px;
margin: 0 auto;
background: yellow;
color:#000;
position:relative;
top: 125px;
}
</style>
</head>
<body>
<div id="Div1">
This is Div1
<div id="Div2">
This is Div2
</div>
</div>
</body>
</html>
Nancy O.
