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
    Jun 2010
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    position relative questions

    trying to line up three divs in a row, which i accomplished using one absolute and two floats. now im trying to have another div below that, centered, which i have that part but the lower div floats up and overlaps the ones above it. I guess basically my question is as follows.

    I know relative places the item relative to where it would normally show up in the html, but what properties or values or div types are considered "actual space" that pushes the item down.

    Im also having this problem with my footer (lightly different setup) as it anchors off the div on the right, not the center one that is longer.

    I have read several "tutorials" on this, and have yet to figure this out, so any advice/insight on this would be greatly appreciated.

    Mike

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,744
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello mjbasford,
    I think one ap element and two floats may not be the typical 3 column setup. Have a look at a simple method for 3 columns/boxes/divs/images ... whatever you want - http://nopeople.com/CSS%20tips/simple3column/index.html

    Another example here - http://nopeople.com/CSS%20tips/3%20e...ivs/index.html

    It's possible your footer just needs clear: both; added to it's CSS to make it sit below everything.
    Hard to tell without seeing your code though.

    A link to the test site is always best but you can post your code here if there is no test site -
    When posting code in the forum, please use the code tags, [code][/code] - available with the # button in the post edit window.
    This will wrap your code in a scroll box which greatly helps the readability of your post.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    I typically start on this page for basic layouts as a time saver.

    http://layouts.ironmyers.com/

  • #4
    Regular Coder
    Join Date
    May 2009
    Posts
    813
    Thanks
    123
    Thanked 24 Times in 24 Posts

    re

    For divs within a layout, it is exactly the same in getting them to line up, just make them smaller.


  •  

    Posting Permissions

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