SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    Starting to-digg-in ********* jamesxv7's Avatar
    Join Date
    Oct 2003
    Location
    Island of Puerto Rico @ the Caribbean
    Posts
    873
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Angry I need to achieve this layout

    Hi to all:

    I need to achieve this layout without tables using DIV and need to compatible with Mozilla. This is the concep and you can see the layout done with table. This is my personal website so I'm not going earn any money with this. I'm just asking for help, I will give any credit who help me.

    James

  2. #2
    SitePoint Addict Knightime's Avatar
    Join Date
    Jan 2003
    Location
    USA
    Posts
    376
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    start...

    It's all about the containers:

    HTML Code:
    <div class="entirepage">
     
    	<div class="logoandmenu">
    		<div class="logohere"></div>
    		<div class="menutext"></div>
    	</div>
     
    	<div class="contentarea">
    		<div class="contentarea1"></div>
    		<div class="contentarea2"></div>
    		<div class="contentarea3"></div>
    		<div class="contentarea4"></div>
    	</div>
     
    </div>

    That's just a basic shell for the page layout. You'll have to define all the classes. I recommend some of the following for outer div's:

    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: XXXpx;


    and for the inner div's (like content area) no position: relative:

    You might want to float everything the same.
    Troy


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •