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 Code: <!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> <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> 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...
tables can be easier but sometime they can be harder when you have more than 9 cells and are trying to make it fancier...
What string DTD??...maybe strict.. We should'nt be using tables now...since we are in the 21st century...and tables are not intended for layouts ...@Steven, What have you done so far??... ...Also note that you missed the title tags...it won't validate :shock:
same here.. thats a nice code using Div... but im not expert so still have to hear what the expert will say..
