#right { position:relative; width:130px; float:right; margin-right:-129px; padding-top:72px; } #leftfr { float:right; width:125px; } #leftfl { float:left; width:130px; } #footer { width:100%; clear:both; height:50px; border-top:1px solid #000; border-bottom:1px solid #000; background-color: #ddd; text-align:center; position:relative; } * html #footer { height:52px; } #clearheader{ height:72px; } #clearfooter{ clear:both; height:40px; } div,p { margin-top:0 } * html #centrecontent { height:1%; margin-bottom:12px } </style> </head> <body> <div id="outer"> <div id="left"> <div id="leftfl"> <p>this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. </p> </div>
<div id="leftfr"> <p>Left Content goes here : </p> </div> </div>
<div id="right"> <p>Right content goes here : Right content goes here : Right content goes here : Right content goes here : Right content goes here : Right content goes here : Right content goes here : Right content goes here : Right content goes here : </p> </div> <div id="clearheader"></div>
