原创:使DIV标签居中的简单方法。FF1.07/IE6 测试通过 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"> <head> <HEAD> <TITLE> New Document </TITLE> <style type="text/css"> <!-- /* Coded By Redsos @ 2005-12-27 */ #left{ float:left; background: #669900; width:700px; text-align: center; } #right{ float:right; background: #006699; width:600px; text-align: center; } #center { margin-left: auto; margin-right: auto; text-align: center; } --> </style> </HEAD> <BODY> <div id="left"> <div id="center" οnclick="alert(1)" style="background: url('http://www.ebuysoft.net/active/admin/images/topbar_01.gif'); no-repeat;width:244px;height:66px" ><font color="#FFFFFF">这个是测试的文字.</font></div> </div> <div id="right" style="width:600px"> <div id="center" οnclick="alert(2)" style="width:300px;height:100px;"> <br /><font style="font-size:12px;color:#FFFFFF">TEST.</font> </div> </div> </BODY> </HTML> |