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 10 of 10

Thread: position issue

  1. #1
    New Coder
    Join Date
    Dec 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    position issue

    I was wondering how I would have the tabs in the image below sit on the outside of the layout as shown. Any ideas?


  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Can you post a link or your code? I would suggest that you make the containing element position:relative; then use absolute positioning for those tabs.

  • #3
    New Coder
    Join Date
    Dec 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    its not in code right now, but

    http://corefx.net/wordpress

    it would fit onto the right side of this layout, and i need it to be liquid.. with the layout if its possible

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Make your wrap position:relative; then use position:absolute; to position those tabs or just add another div on the right side and put the tabs in that.

  • #5
    New Coder
    Join Date
    Dec 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    the second part, make another div on the outside was what i was trying to do but it aligns under the entire layout, so the question i was really asking is how do i get it to be flush to the right side. Sorry about the confusion

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Put it before everything else, and float it to the right. Do you know CSS at all?

  • #7
    New Coder
    Join Date
    Dec 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    as i said, i apologize for the confusion. Thanks again.

  • #8
    New Coder
    Join Date
    Dec 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    alright, now that it's done it's acting up in internet explorer. It has like a 10px buff between the layout and image.

  • #9
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Try this for the relevant CSS
    Code:
    #tabs{
    width: 59px;
    float: right;
    text-align:left;
    background: #fff;
    margin-top: 80px;
    }
    * html #tabs {
    margin-left:-3px;
    }
    #everything{
    width:915px;
    margin:0 auto;
    } 
    
    #wrap{
    overflow: hidden;
    width:800px;
    text-align:left;
    margin:0 59px 0 auto;
    font-size: 11px;
    background-color: #fff;
    font-family: "trebuchet ms", verdana, arial, sans-serif; 
    }
    * html #wrap {
    margin-right:0;
    }

  • #10
    New Coder
    Join Date
    Dec 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    just got schooled. Thank again


  •  

    Posting Permissions

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