I understand the concept of breaking down my existing XHTML site into several pieces (header, content, sidebar, footer), but I’m stumped about how to break up the code when there are several divs within divs. I’m using a drop shadow, then a wrapper, header, and a div for navigation within my header than contains rollover buttons. Can I keep all of that intact as a WordPress theme, or do I need to think about restructuring it a bit?
To see an example of the structure in action: About
<body onload="MM_preloadImages('images/blog_3.png','images/works_2.png','images/works_3.png','images/about_3.png','images/contact_2.png','images/contact_3.png','images/about_2.png')">
<div id="shadow">
<div id="wrapper">
<div id="header">
<div id="navigtion"><a href="about.html" target="_self" onmousedown="MM_swapImage('About','','images/about_3.png',1)" onmouseover="MM_swapImage('About','','images/about_2.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/about_1.png" alt="A gripping tale of mystery and intrigue!" name="About" width="100" height="40" border="0" id="About" /></a><a href="index.php" onmousedown="MM_swapImage('Blog','','images/blog_3.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/blog_2.png" alt="Some random thoughts." name="Blog" width="140" height="40" border="0" id="Blog" /></a><a href="works.html" target="_self" onmousedown="MM_swapImage('Works','','images/works_3.png',1)" onmouseover="MM_swapImage('Works','','images/works_2.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/works_1.png" alt="Some stuff I made." name="Works" width="160" height="40" border="0" id="Works" /></a><a href="#" target="_self" onmousedown="MM_swapImage('Contact','','images/contact_3.png',1)" onmouseup="MM_swapImage('Contact','','images/contact_2.png',1)" onmouseover="MM_swapImage('Contact','','images/contact_2.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/contact_1.png" alt="Contact me!" name="Contact" width="100" height="40" border="0" id="Contact" onclick="MM_openBrWindow('contact.html','Contact','width=660,height=240')" /></a></div>
</div>
<div></div>
</div>
</div>
<div id="footer">? 2009 Michael Young | <a href="about.html">About</a> | <a href="index.php">Blog</a> | <a href="works.html">Works</a> | <a href="#" onclick="MM_openBrWindow('contact.html','Contact','width=660,height=240')">Contact</a> | <a href="images/MYoung_Resume.pdf" target="_blank">Résumé</a></div>