I need help with this.. the Float right is not working in IE 6.. Please help Thanks.. <div id="f_b"> <div id="_f" style="width:373px;"> <div class="login">Newest Members </div> <div id=photo></div> </div> <div id="_b" style="width:290px;"> <div class="b">Blogs</div> <div id=blog> <label> </label> </div> </div> </div> #f_b { float:right; width:663px; height:258px; background: url() 0 0 no-repeat; vertical-align:top; clear:both; } #f_b .login { padding:45px; margin:0 0 0 30px; color:#ffffff; font-size:18px; font-weight: bold;} #f_b .b { padding:45px; margin:0 0 0 30px; color:#ffffff; font-size:18px; font-weight: bold; vertical-align:top; } #_f { float:left; width:300px; vertical-align:top; } #_b { float:right; width:290px; height:258px; vertical-align:top; } #photo { float:left; width:150px; vertical-align:top; color:#000000; font-size:12px; font-weight: bold; } #photo label{ color:#a9e2f3; font-size:12px; } #blog { width:270px; vertical-align:top; color:#000000; font-size:12px; font-weight: bold; } Code (markup):
<html> <head> <style type="text/css"> body { margin:0; padding:0 } #wrapper{ float:right; width:660px; height:258px; background: red; vertical-align:top; clear:both; } #left{ width:460px; float:left; vertical-align:top; background: blue; height:200px; } #right{ float:right; width:200px; background: green; height:200px; } </style> </head> <body> <div id="wrapper"> <div id="left"> Newest Members </div> <div id="right"> Blogs </div> <div style="clear:both"></div> </div> </body> </html> here it is one correct code, you can just upgrade it