Scherzavo, e spero non sia stato un problema per te. Nel caso mi scuso io
Se fossi in te ragionerei su come farlo funzionare correttamente.
Io ci vedo:
un contenitore globale, di larghezza 688px, con margini automatici e posizionamento centrato.
Nel contenitore ci stanno:
due blocchi uno sopra l'altro, uno per l'immagine uno per il menu.
Sotto due blocchi affiancati ed un footer.
Come realizzarlo in xhtml?
(tralascio l'head)..
<div id="contenitore">
<div id="header">Header</div>
<div id="menu">Menu</div>
<div id="contenuto">
<div id="leftcol">colonna sinistra</div>
<div id="rightcol">colonna destra</div>
</div>
<div id="footer">footer</div>
</div>
A questa struttura applichi il css:
body {text-align:center; background:#FFF url("percorsoimmaginesfondo");}
#contenitore {width:688px; margin: 1em auto 4em; background:#F00; }
#leftcol {float:left; width:50%; background:#00F;}
#rightcol {float:right; width:50%; background:#0F0;}
#footer {clear:left; background:#FF0;}
Ho messo dei colori a caso e chiaramente questa è una base con cui partire.
Potresti poi mettere un'altezza fissa al blocco destro, inserivi il menu con <ul>
*
Vedi te insomma
