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 to the CF scene
    Join Date
    May 2012
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Countdown tool positioning

    Hello, this is actually my first post visit and post on this forum.. here goes!

    I've started a website recently and I have some problems with the positioning of one of my new features and I can't seem to get it right without other divs moving..

    This is my website ; www.diablo-movies.com

    As you see there in a countdown tool that should be in the upper right corner of the content div.. the top should be at the same level as the spotlight div's top..

    Thanks for the help!

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,672
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello Xuvel,
    You just need to add some styling to that #topAD, something like this...
    Code:
    #maincontent {
    text-align: left;
    }
    
    #top {
    height: 28px;
    background: transparent url(top_bg.png) repeat-x left top;
    }
     #topAD {
    width: 300px;
    margin: 10px 0 0;
    float: left;
    } 
    	#content {
    		background:url(backgroundcontent.png) no-repeat left 105px;
    		width: 817px;
    Something to pay attention to when working with floats - See the box model here. The box model says that whatever you put inside an element cannot be larger than that element. margin/padding/border all count when figuring width/height.
    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

  • Users who have thanked Excavator for this post:

    Xuvel (05-07-2012)

  • #3
    New to the CF scene
    Join Date
    May 2012
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I almost had the same code,

    I had this

    #topAd {
    width: 300px;
    margin: 12px 0 0 0;
    float: left;
    overflow: hidden;
    }

    I changed it to yours but it doesn't seem to change much.. so I'm still stuck :/

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,672
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    #topAd

    is much different than #topAD

    The id you are styling must match the id in your markup or it won't work.
    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

  • Users who have thanked Excavator for this post:

    Xuvel (05-07-2012)

  • #5
    New to the CF scene
    Join Date
    May 2012
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thanks a lot!


  •  

    Posting Permissions

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