SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: New to CSS

  1. #1
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question New to CSS

    hello I am trying to transfer my table site to css

    http://www.wildenforcers.com/index.php

    I have got some of it transferred to css but I am having troubles with the left and right column, can somebody help me out so I can get it to look like the table site I have right now. Below is what I have done in css so far.

    http://www.wildenforcers.com/index3.php

    Thanks in advance!

  2. #2
    SitePoint Zealot
    Join Date
    May 2006
    Posts
    133
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here is a sample of a three column layout. You may get a sketch from this code.

    <div>
    <div style="width:800px;">
    Header
    </div>

    <div>
    <div style="display:inline-block; width:100px; height:auto;">
    Left Column
    </div>

    <div style="display:inline-block; width:600px; height:auto;">
    Content Column
    </div>

    <div style="display:inline-block; width:100px; height:auto;">
    Right Column
    </div>
    </div>

    <div style="width:800px;">
    Footer
    </div>
    </div>

  3. #3
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by XmnwildX12
    I have got some of it transferred to css but I am having troubles with the left and right column
    Is that the right link, cos I can only see a single column layout? Looking at what you've done so far, there's still a lot of tables in there and you need a doctype on your page.

    @aryandelhi: there's no need to specify height: auto on your columns as auto is what they are by default. inline-block is also not supported by IE <= 6 so I wouldn't recommend using it in the way you have.

  4. #4
    Now available in Orange Tijmen's Avatar
    Join Date
    Jul 2004
    Location
    The Netherlands
    Posts
    1,472
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You should have a look here, for some good examples of css layouts.
    Travel Photos on Flickr - Twitter

    “Never give up. Never surrender”


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
  •