div into div with full area

**maileen** · Sep 12, 2007 00:57

Hi,

i have a DIV A which should contain a DIV B.
for example DIV A has following dimensions (width = 100px; height = 200 px;background-color : #FF00FF

how can i setup via CSS DIV B in order to use the whole area of DIV A and thus even if there is no text in DIV B (which could increase height and width of DIV B).

thanks a lot,

M.

**all4nerds** · Sep 12, 2007 01:17

Hello

100% height on the wrapped div, but you usually don't set heights on content div's the content controls the height

Increase in height Yes, Increase in width ?

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>12345 12345 12345 12345 12345</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<!-- saved from url=(0022)http://www.domain.com/ -->
	<style type="text/css">
	*{padding:0;margin:0;}
	
	.a,.b{min-height:200px;}
	
	.a{width:100px;background:#ffffcc;}
	
	.b{background:#ccffcc;}
	
	* html .a,* html .b{height:200px;}
	</style>
	<script type="text/javascript">

	</script>
</head>
<body>

<div class="a">

<div class="b">
<p>content 
<!-- 
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
 -->
end
</p>
</div>

</div>

</body>
</html>

**xiaawan** · Sep 12, 2007 03:27

User this:

Code CSS:

.A
{
	background:#003366; height:200px;width:200px;
}
.B
{
	background:#FF0000; height:100%;width:100%;
}

Code HTML4Strict:

<div class="A">
	<div class="B"></div>
</div>

User Tag List

Thread: div into div with full area

Thread Tools

Display

div into div with full area

Bookmarks

Bookmarks

Posting Permissions