DIV Window(W/O Table)

Discussion in 'Web Development and Programming' started by Steven, Mar 25, 2008.

  1. Steven

    Steven Regular Member

    Joined:
    Mar 19, 2008
    Messages:
    18
    Likes Received:
    0
    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...
     
    Steven, Mar 25, 2008
    #1
  2. Adam

    Adam Regular Member

    Joined:
    Mar 17, 2008
    Messages:
    164
    Likes Received:
    0
    Location:
    USA - oursrc.com
    The html is invalid. You are missing closing tags. why not just use tables?
     
    Adam, Mar 28, 2008
    #2
  3. thedudleys

    thedudleys Regular Member

    Joined:
    Apr 9, 2008
    Messages:
    201
    Likes Received:
    0
    Location:
    Valrico, Fl
    tables can be easier but sometime they can be harder when you have more than 9 cells and are trying to make it fancier...

    :D
     
    thedudleys, Apr 11, 2008
    #3
  4. rangana

    rangana Regular Member

    Joined:
    Apr 12, 2008
    Messages:
    106
    Likes Received:
    0
    Location:
    Cebu City Philippines
    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 :D

    ...@Steven,
    What have you done so far??...

    ...Also note that you missed the title tags...it won't validate :shock:
     
    rangana, Apr 14, 2008
    #4
  5. nightlinker

    nightlinker Regular Member

    Joined:
    Apr 3, 2008
    Messages:
    248
    Likes Received:
    0

    google prefer div than tables....
     
    nightlinker, Apr 15, 2008
    #5
  6. rangana

    rangana Regular Member

    Joined:
    Apr 12, 2008
    Messages:
    106
    Likes Received:
    0
    Location:
    Cebu City Philippines
    rangana, Apr 16, 2008
    #6
  7. thedudleys

    thedudleys Regular Member

    Joined:
    Apr 9, 2008
    Messages:
    201
    Likes Received:
    0
    Location:
    Valrico, Fl
    layouts and tables are kinda good and bad that i know of but im not an expert or something...

    :D
     
    thedudleys, Apr 16, 2008
    #7
  8. nightlinker

    nightlinker Regular Member

    Joined:
    Apr 3, 2008
    Messages:
    248
    Likes Received:
    0
    same here.. thats a nice code using Div... but im not expert so still have to hear what the expert will say.. :D
     
    nightlinker, Apr 22, 2008
    #8
Similar Threads

  1. How to center a table with CSS

Loading...

Share This Page