Javascript layout viewer effect code

<Br/> <style> body {margin: 0 auto; width: 950px; font-size: 12px; text-align: center ;}# wholebody {width: 950px ;}. newline {/* applies only to the right side */clear: Both; width: 700px;} # top {Height: auto ;}. left_square {}. right_square {}# topic {Height: 100px ;}# left {float: Left; width: 250px ;}# left_qq {Height: 80px ;}# left_inquire {Height: 220px ;} # left_master_page {Height: 200px ;}# left_online {Height: 220px ;}# left_key Word {Height: 140px ;}# left_aboutus {Height: 200px ;}# right {float: Left; width: 700px ;}# right_flash {width: 700px; Height: 300px; float: left ;}# right_chara {width: 350px; float: Left; Height: 200px ;}# right_master_answer {width: 350px; float: Left; Height: 200px ;}# right_knowledge {clear: both }. knowledge {float: Left; width: 140px; Height: 360px; }# right_research {float: Left; width: 50%; Height: 200px ;} # Right_recommend {float: Left; width: 50%; Height: 200px ;}</style> <p> <! -- Top --> </P> <p> <! -- Topic --> </P> <p> <! -- QQ --> </P> <p> <! -- Inquire --> </P> <p> <! -- Masterpage --> </P> <p> <! -- Online --> </P> <p> <! -- Keyword --> </P> <p> <! -- Aboutus --> <p> <! -- Left --> </P> <p> <! -- Rightflash --> </P> <p> <! -- Know --> </P> resrec <p>