Page 1 of 1

A little problemo with divs

Posted: Fri Nov 11, 2005 1:09 pm
by Ree
Here's what I have:
CSS

Code: Select all

#detail_container
{
  width: 100%;
  height: 100%;
  border: 1px solid #666666;
  text-align: center;
  padding: 4px;
}

#image_container
{
  width: 650px;
  margin: 0 auto;
  border: 2px solid green;
}
HTML

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="auction.css">
</head>
<body style="background-color: #FFFFFF; margin: 10px; padding: 0;">
<div id="detail_container">
  <div id="image_container">
    <img src="http://68.152.69.221/Photos/GA07/40511594a.jpg"><br />
    <img src="http://68.152.69.221/Photos/GA07/40511594b.jpg"><br />
  </div>
</div>
</body>
</html>
For some reason the container div (#detail_container) does not act as a container. You can easily see that by checking the borders. How can I fix it?

Posted: Fri Nov 11, 2005 1:31 pm
by Ree
diplay: table; and display: table-cell; did the trick. ;)