SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Evangelist
    Join Date
    Dec 2003
    Location
    uk
    Posts
    445
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Which is the best structure?

    Hi
    I want to build a site with a layout similar to this one - http://www.all-hotels.com/home.htm

    Logo on top
    Navigation bar under the logo
    Content with 2 colums with the right column occupying about 70% of the content areas
    and possibly some boxes under the Content
    a Footer

    Which is the best approach to this? Shall I use absolute positioning, Fixed liquid etc ? Can Anyone advise the best model and structure for laying out this and that will be supported in both IE and Mozilla browsers?

    Many thanks

  2. #2
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would use static positioning, with the content columns floated. Fixed or liquid is up to you.

  3. #3
    SitePoint Evangelist
    Join Date
    Dec 2003
    Location
    uk
    Posts
    445
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    not sure what you mean by static positioning? Can you elaborate on your approach?

  4. #4
    CTO htmlguy's Avatar
    Join Date
    Feb 2005
    Location
    North Carolina
    Posts
    420
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    All of this can be acheived with position static. Floats, margins, and padding could easily do all of it.
    Zack

  5. #5
    SitePoint Evangelist
    Join Date
    Dec 2003
    Location
    uk
    Posts
    445
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks-Could you give me an example
    I am not expecting you to do the coding for me but just give me an idea of which style element will represent which panel on that site for instance.

  6. #6
    CTO htmlguy's Avatar
    Join Date
    Feb 2005
    Location
    North Carolina
    Posts
    420
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, you would float: right; the content, and with good widths, this would create this bar view. Use of margins will help you a bunch. Here are some helpful links:

    http://www.456bereastreet.com/lab/de...slayout/2-col/
    http://accessat.c-net.us/test/template-2col_a.html

    Hope those help!
    Zack

  7. #7
    SitePoint Evangelist
    Join Date
    Dec 2003
    Location
    uk
    Posts
    445
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank for the tip.


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
  •