<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style> div#center{ width:80%; height:80%; position:fixed; top:50%; left:50%; margin-left:-40%; margin-top:-40%; background-color:#0000FF; } div#topleft{ width:200px; height:200px; background-color:#FF0000; position:fixed; top:0; left:0; } div#topright{ width:200px; height:200px; background-color:#00FF00; position:fixed; top:0; right:0; } div#bottomleft{ width:200px; height:200px; background-color:#FFFF00; position:fixed; bottom:0; left:0; } div#bottomright{ width:200px; height:200px; background-color:#00FFFF; position:fixed; bottom:0; right:0; } </style> </head> <body> <div id="center"> </div> <div id="topleft"> </div> <div id="topright"> </div> <div id="bottomleft"> </div> <div id="bottomright"> </div> </body> </html>