Re: [css-d] Is it possible to create this type of a layout with CSS?

Mon, 12 Sep 2005 11:28:51 -0700 

Melissa Brands wrote:


What says you, CSS deities? How do I do this properly? :)

Thanks in advance!!!

Melissa Brands
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/

Reply via email to