Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Two Columns; Should be Simple

    I posted this question in c.i.w.a.s and just got lectured on how bad my HTML and CSS are. So, let me say up front that I know they're bad. It's not my area of expertise. I'm a programmer, not a designer, and I just want to make a simple template or two to ship with a web application. I just want something that works.

    Viewed in IE, this page is exactly what I'm trying to do:

    http://www.holotech.net/links/

    If you don't have access to IE, here's a screen shot:

    http://www.holotech.net/links.gif

    Header, two fixed-width columns, and a footer. However, in NS and Opera, the second column slides to the left, on top of the first column. I've read all the tutorials and examples I could find, but everything else ends up with the second column all the way over on the right side of the window. I just want it butted up against the first column. I know this should be simple, but I just can't get it.

    I also tried absolute positioning, but then I couldn't figure out how to have my footer.

    Please respond only if you have some insight into a solution for my layout problem. If you have specific suggestions about other things I might improve, that's welcome also. If you're only posting to lecture me, please assume in advance that I am duly impressed with the depth and breadth of your knowledge, and you needn't waste your time with such a lowly peasant as myself.

  • #2
    New Coder mentalhorse's Avatar
    Join Date
    Jul 2005
    Location
    Duanesburg, NY
    Posts
    89
    Thanks
    0
    Thanked 0 Times in 0 Posts
    through my experience this is just how the web browser displays it. there are alot of instances/websites that are displayed differently from browser to browser. there might not be any way of fixing this but.. i am not an expert either so if anyone else has suggestions.. yeah

  • #3
    Regular Coder Pepe, the bull's Avatar
    Join Date
    Feb 2005
    Location
    Vancouver, WA
    Posts
    163
    Thanks
    1
    Thanked 16 Times in 16 Posts
    You could add a left margin to the content div by adding this:
    Code:
    #Content {
      width: 550px;
      border: 1px solid #5C3908;
      padding: 5px;
      margin: 0 0 0 115px;
    }
    This should push the whole content div 115px to the right leaving your NavPanel by itself.
    Pepe, the bull

  • #4
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yes, that handled it perfectly. Thank you, Pepe.


  •  

    Posting Permissions

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