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...
     
  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?
     
  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
     
  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

    [email protected]Steven,
    What have you done so far??...

    ...Also note that you missed the title tags...it won't validate :shock:
     
  5. nightlinker

    nightlinker Regular Member

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

    google prefer div than tables....
     
  6. rangana

    rangana Regular Member

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

Share This Page