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 5 of 5
  1. #1
    New Coder
    Join Date
    May 2005
    Posts
    61
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Absolute positioning layout question

    Could someone help me? My site works in FF but not in IE yet. Go to www.matrixti.com/test2/index.html. (in FF) Sometimes there is not enough content to push the bottom bar all the way to the bottom. I want to know how to make that bottom bar always appear at the bottom, and not in the middle like on pages that don't have enough content.

    I absolute positioned the footer at the bottom, and that worked, but my center content didnt expand all the way down, and I lost my side images, even though i have the height set at 100%. Here's a pic of what happened when I abs positioned the footer.

    Is there any way I can get the bottom bar at the bottom without absolute positioning it. It seems to screw everything up when I abs pos. it.
    Thanks!
    Attached Thumbnails Attached Thumbnails Absolute positioning layout question-matrix.jpg  
    Attached Files Attached Files

  • #2
    Regular Coder
    Join Date
    Jul 2005
    Location
    Halifax, Nova Scotia, Canada
    Posts
    392
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I don't get why you are using absolute positioning so much. The easiest way to get a footer to work is using floats but that requires your elements to not be positioned absolutely. Generally absolute positioning causes a lot of problems and I find it is easier to design using other methods (namely floats).

    Anyway, if you try redoing it without absolute positiong it would work something like this:

    #leftcolumn {
    width: blah.px;
    border: 1px solid #blah;
    float: left;
    }
    #centercolumn {
    width: blah.px;
    border: 1px solid #blah;
    float: left;
    }
    #rightcolumn {
    width: blah.px;
    border: 1px solid #blah;
    float: left;
    }
    #footer {
    clear: both;
    etc
    }
    Once I thought I was wrong but I was mistaken.

  • #3
    New Coder
    Join Date
    May 2005
    Posts
    61
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok. I got almost everything working in Internet Explorer by using a little bit of Javascript that I found, and some conditional comments. I can't figure out how to make the rollover menu's appear underneath instead of on the right side though. I only added the conditional comments to index.html, so if you try to go to the other links, they will look like they did before without them.

    Does anyone know what I can add to my conditional comments to make the menu's appear below when you rollover the headings instead of to the right?

    I saw a couple of sites layout their page the way I have, setting a specific width for the center column. I'm not really absolute positioning the layout, just setting a specific width to the divs. After the site works this way I will eventually change it to the way you said Tristan. I'd like to see that happen eventually but I need to have most of it working today. I guess I made this post with the wrong title. Oops.

    Anyone know how to keep the bottom bar at the bottom when there is little content on the page, such as the mainpage index.html? Without making it look like the graphic I attached?

  • #4
    New Coder
    Join Date
    May 2005
    Posts
    61
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer

    Anyone???

  • #5
    New Coder
    Join Date
    May 2005
    Posts
    61
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ... ok?


  •  

    Posting Permissions

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