User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 429,841 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,845 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting

How to make this layout using tableless Divs

Join Date: Jan 2007
Posts: 2,556
Reputation: MidiMagic is on a distinguished road 
Rep Power: 7
Solved Threads: 115
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Posting Maven

Re: How to make this layout using tableless Divs

  #7  
May 17th, 2008
Make sure the styles for the top, middle, and bottom have widths of 100 percent in them, and margins and paddings of 0. If you want margins or paddings on any of these, nest more divs inside them with the padding and margin styles wanted.

<div id="wrapper">
  <div id="top">
    Top content.
  </div>
  <div id="middle">
    <img src="fid.jpg" />
  </div>
  <table>
    <tr>
      <td>
        Left content.
      </td>
      <td>
        Right content.
      <td>
    </tr>
  </table>
  <div id="bottom">
    Bottom content.
  </div>
</div>
Last edited by MidiMagic : May 17th, 2008 at 3:47 am.
Daylight-saving time uses more gasoline
Reply With Quote  
All times are GMT -4. The time now is 6:25 pm.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC