Pregúntele a un experto en DIV+CSS, ¿cómo escribir código DIV+CSS para un diseño de página web de este tipo?

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//ES " " http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transicional . DTD " & gt;

& lthtml xmlns = " http://www . w3 . org/1999/XHTML " & gt;

& lthead & gt

& ltmeta http-equiv = " Tipo de contenido " Contenido = " text/html; charset=utf-8" />

& ltmeta http-equiv = " X-UA-Compatible " content = " IE = emular IE 7 "/& gt;

& lttitle & gtforce

& ltstyle type="text/css "

& lt! -

# cuadro {ancho:960 px; margen: 0px auto;}

# encabezado {ancho: 960 px; alto: 100 px; p>

# centro { ancho:960 px; margen: 7px 0px}

# izquierda { ancho:710px; float: izquierda;}

#zj{ancho:400px altura: 200px flotante: izquierda; fondo: # 21516d; }

# hihi { ancho: 300 px; altura: 200px flotante: izquierda; margen izquierdo: 10px; p>

# izquierda _ abajo { ancho:710px; margen superior:7px}

# derecha { ancho:240 px; flotante: margen izquierdo: 10px; : 900px}

#footer { ancho: 960 px; alto: 50px fondo: # 39F claro: ambos }

# le _ cont { ancho: 240 px flotante: izquierda; ; alto: 690px fondo: # 9C9}

# nuevo { ancho: 466 px; flotante: derecho; margen: -10px 0px 4px; p>#新李{ ancho: 466 px; alto: 200px fondo: # F60 margen superior: 10px }

-& gt;

& lt/head & gt;

& ltbody & gt

& ltdiv id = " caja " & gt

& ltdiv id = " encabezado " & gt& lt/div & gt;

& ltdiv id = " centro " & gt

& ltdiv id = " izquierda " & gt

& ltdiv id="left_top " >>p>

& ltdiv id = " zj " & gt& lt/div & gt;

& ltdiv id = " hihi " & gt& lt/ div & gt;

& lt/div & gt;

& ltd

iv id = " izquierda _ abajo " & gt

& ltdiv id="le_cont " >& lt/div & gt;

& ltul id = " nuevo " & gt

& lt李& gt& lt/李& gt

& lt李& gt& lt/李& gt

& lt李& gt& lt/李& gt

& lt/ul & gt;

& lt/div & gt;

& lt/div & gt;

& ltdiv id = " derecha " & gt& lt/div & gt;

& lt/div & gt;

& ltdiv id = " pie de página " & gt& lt/div & gt;

& lt/div & gt;

& lt/body & gt;

& lt/html & gt;