Previous Message
Next Message

Is it possible to create this type of a layout with CSS?

Sent by Rob Cochrane on 12 September 2005 19:07


This is a multi-part message in MIME format.
--------------090101010300000000020207
Content-Type: text/plain; charset=ISO-8859-1; format=flowed
Content-Transfer-Encoding: 7bit

Melissa Brands wrote:

> What says you, CSS deities? How do I do this properly? :)
> 
> Thanks in advance!!!
> 
> Melissa Brands
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> 

Hi Melissa,
This is a quick run tested in FF IE6 win sp2.
Works ok change sizes etc to suit.

<style type="text/css">
<!--
#header {
	background-color: #FFFFCC;
	margin: 0px;
	padding: 0px;
}
#left {
	float: left;
	width: 250px;
	height: 100px;
	background-color: #0099FF;
	margin: 0px;
	padding: 0px;
}
#rightupper {
	float: right;
	width: 250px;
	background-color: #00FFCC;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
#rightlower {
	clear: right;
	float: right;
	width: 250px;
	height: 50px;
	background-color: #99FF66;
	margin: 0px;
	padding: 0px;
}
..clearing {
	clear: both;
}
-->
</style>
</head>

<body>
<div id="header">
<div id="left">Logo here</div>
<div id="rightupper">Upper content here</div>
<div id="rightlower">Lower content here</div>
<div class="clearing">&nbsp;</div>
</div>
</body>
Regards,
Rob

--------------090101010300000000020207
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

--------------090101010300000000020207--
Previous Message
Next Message

Message thread:

Possibly related: