I'm trying to figure out the best way to make a DIV window that has borders. I want to have 9 cells: 1 | 2 | 3 4 | 5 | 6 7 | 8 | 9 1,3,7, and 9 are Corner images. 2,4,6 and 8 are Border images and 5 is the content. Also 1,2,3 will be my header and the rest it he body. Example <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> /* Need Help Here */ </style> </head> <body> <div id="postbox" class="window"> <div id="postbox_header" class="window_header"> <div id="postbox_tlcorner" class="window_tlcorner"></div> <div id="postbox_title" class="window_title">New Post</div><!-- May or may not include top border --> <div id="postbox_tlcorner" class="window_tlcorner"></div> </div> <div id="postbox_body" class="window_body"> <div id="postbox_lborder" class="window_lborder"> <div id="postbox_content" class="window_content"> <div id="postbox_rborder" class="window_rborder"> </div> <div id="postbox_footer" class="window_footer"> <div id="postbox_blcorner" class="window_blcorner"> <div id="postbox_bborder" class="window_bborder"> <div id="postbox_blcorner" class="window_blcorner"> </div> </div> </body> </html> Code (markup): Just need some help with CSS, I have some done, but it keeps overlapping and resizing, I had to fine tweek it to get it just right, then one small think messess it up. I need it to be easier.. any ideas?? Note:Remember I'm using String DTD... CSS reacts differenly in XHTML String DTD...
The html is invalid. You are missing closing tags. id names are to be unique to one element on a page. I have never heard of a "string DTD" in all the years I've been doing this.