Everybody! This is important. In a few days, these forums will be moving over to using the totally sweet Discourse platform. To ensure this migration happens smoothly with no loss of content, these forums are currently in a read-only mode. I do apologize for the inconvenience.

There is never a good time to turn the forums off for an extended period of time, but I promise the new forums will be a billion times better. I'm pretty sure of it.

See you all on the other side in a few days, and if you have any (non-technical) questions, please e-mail me at kirupa@kirupa.com. For technical questions, try to find a tutorial that corresponds to what you are looking for and post in the comments section of that page.

Cheers,
Kirupa

Results 1 to 5 of 5

Thread: Fixed width, centred 2 column Menu

  1. #1

    Fixed width, centred 2 column Menu

    Does anyone know where I can get an example of a centred, fixed width 2 column layout.

    The one I created isnt working in IE and I'm tearing my hair out.

  2. #2
    why don't you post your current code so you can figure out what the problem is?

  3. #3

  4. #4
    Quote Originally Posted by opel
    haha. that was only posted a few hours ago. client side doesn't move quite as fast as other sections. i'm sure if you wait awhile someone will answer your question. i would, but i'm at work and i don't have enough time to really look at it.

    btw, i'm not getting the results you describe in ie7.

  5. #5
    Something simple would go like this:
    the css:
    Code:
     
    body {
     margin:0px;
     background:#333333 ;
    }
    #container {
     background:#fff;
     width:800px;
     margin:0 auto;
    }
    #column1 {
     width:570px;
     padding:15px;
     float:left;
     background:#ccc;
    }
    #column2 {
     width:170px;
     padding:15px;
     float:right;
    }
    #footer {
     height:18px;
     padding:5px;
     clear:both;
     width:790px;
     background:#eee;
    }
    and the html
    PHP Code:
    <div id="container">
    <
    div id="column1">
    <
    p>column1</p>
    <
    p>&nbsp;</p>
    <
    p>&nbsp;</p>
    <
    p>&nbsp;</p>
    <
    p>&nbsp;</p>
    <
    p>&nbsp;</p>
    </
    div>
    <
    div id="column2">
    <
    p>column2</p>
    <
    p>&nbsp;</p>
    <
    p>&nbsp;</p>
    <
    p>&nbsp;</p>
    <
    p>&nbsp;</p>
    <
    p>&nbsp;</p>
    </
    div>
    <
    div id="footer">footer here</div>
    </
    div

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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

Home About kirupa.com Meet the Moderators Advertise

 Link to Us

 Credits

Copyright 1999 - 2012