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 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Advanced css layout help

    ok here is my layout
    http://codingcore.com/template.html


    there are no tables at all its all css floats but the only problem is that the left and right menus go over the copyright bar on the bottom the middle box doesnt the copyright stays 45px from the middle box but i want it to be under all the boxs because right now the menus go over the copyright i want its copyright to be below the boxs on the right and left ive tried many things but I cant seem to get it to work i dont want to use tables ither

    Thanks
    Matt

  • #2
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    it looks like you are using absolute positioning on the left box and the right box and absolute positioning takes elements out of flow with the rest of the page so it doesnt matter if the copyright box is clearing a float or not the other boxes are going to float right on top either you should use floats for the left and right boxes so you can clear them with the copyright box or you should adjust your positioning on the copyright box manually i would also suggest you read our posting guidelines because its really hard to read a post that doesnt use either punctuation or capitalization im sure if you can master the art of advanced css positioning you can also use some basic english skills to help us read your questions

  • #3
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ok but would I get the same effect if i used floats? can i still position them and stuff? i dont understand could you show me please. Thnaks

  • #4
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Here is an example I coded for another thread:

    http://richardmedek.com/temp/example25.htm

    Also, the FAQs in this section has a list of many three-column layouts. Absolute positioning can work but you will have to adjust something if you don't want an absolutely positioned box to float over another one.

  • #5
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i want it to look the exact same as it does now but i want the copyright underneth everything, so your saying the floats will work at it will look the same right? but how do i position the boxs? with margin stuff again? and i looked at the but all the stuff is toghether you know not in eparet boxs and stuff

  • #6
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks for the help guys i got it working heres the finished product looks the exact same

    http://codingcore.com/template.html


  •  

    Posting Permissions

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