Why parent doesn't inherit sibling min-witdh?

5 views
Skip to first unread message

jose perez

unread,
Jan 20, 2011, 7:51:51 PM1/20/11
to Elastic CSS Framework
The code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Page title</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /
>
<meta name="language" content="en" />
<!-- jQuery -->
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></
script>
<!-- ElastiCSS -->
<script src="js/elastic.js" type="text/javascript" charset="utf-8"></
script>
<link rel="stylesheet" type="text/css" media="all" href="css/
elastic.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/
elastic.print.css" />
<style>
#header #content
{
background: #000;
border: 1px solid red;
}
#header #content .container
{
padding: 2em;
text-align: right;
color: #aaa;
min-width: 800px;
border: 1px solid yellow;
}

</style>
</head>

<body>
<!-- Footer -->
<div id="header">
<div id="content">
<div class="container">
adsdasasdadadasdasdfgh
</div>
</div>
</div>
</body>
</html>

Parent is red, sibling is yellow.
When window is greater than 800 pixels width everything is ok. If is
lesser, sibling respect its min-width, while parent still getting
recuced in respect to window width. Is this normal?.

jose perez

unread,
Jan 21, 2011, 2:04:13 PM1/21/11
to Elastic CSS Framework
It also happens to elasticss site: http://i54.tinypic.com/6hje51.png
It might not have to do with the framework itself though.
Reply all
Reply to author
Forward
0 new messages