SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    Addicted to the Source of Life PowerBit's Avatar
    Join Date
    Feb 2004
    Location
    Loveland Co
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile positioning problems... need some help...

    Well I sure am learning alot about css. It's fun!

    Along my journey with this current site I am having trouble with the positioning of a div. I have a div that is my navigation container that holds a series of boxes containing different navigations. These are aligned, without floats, one atop another starting with a clear box starting off the vertical spacing of the following "nav1" from the top, then I have a animated gif in a div that is supposed to be positioned over the back ground image of the entire nav container with the gif aligned in a 'highlights' section. I have made the nav1 container with a height setting to start off the nav2 container in the needed position. The clear box height setting positioned the start of nav1 just right and worked, although I could have used margin settings to this too and avoided using a clear box. Then I apply the same technique to nav1 box to adjust the spacing for the begining of the nav2 box but the settings are being ignored. Any suggestions???

    Here is the address: http://powerbit.blowupyourtv.com/global/home.htm

    Your input would help much! Thanks!!!
    Billy

  2. #2
    SitePoint Addict
    Join Date
    Mar 2005
    Location
    Toronto
    Posts
    378
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hmm, for your nav2 class, there is an extra colon at the end of this line -> height: 98px:;, maybe that was the cause?
    In search of the clouds...and maybe some work

  3. #3
    Guru Meditation Error gnarly's Avatar
    Join Date
    Dec 2003
    Location
    Cheltenham, United Kingdom
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As far as I can see, you aren't positioning it at all. Try the following:

    Code:
    #main-nav {
     position: relative; 
    }
    #orbital {
     position: absolute;
     top: $px;
     left: $px;
    }
    (replace the $ with however manny pixels it is). That will position orbital relative to main-nav.

    You also have a position: top; elsewhere in your code - that's not going to do a sausage. I'd reccomend that you run your code through the CSS validator.
    Olly Hodgson
    thinkdrastic.net

  4. #4
    Addicted to the Source of Life PowerBit's Avatar
    Join Date
    Feb 2004
    Location
    Loveland Co
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    woohooo! what do you know it was a syntax error! I got it working. It was the extra ':' that was added by mistake - it's positioning now! Thanks for looking. Kefeso if you ever need a hand and I can help drop me a line. Thanks!

  5. #5
    SitePoint Addict
    Join Date
    Mar 2005
    Location
    Toronto
    Posts
    378
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Haha, no prob : ) Just remember that the SitePoint forum is a really helpful place!
    In search of the clouds...and maybe some work


Bookmarks

Posting Permissions

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