Forums

cybershot

I think I have been spending to much time working on php. My css seems to be getting weak. I can't figure out what I am doing wrong here.


#navigation {
	height: 33px;
	width: 980px;
	position: relative;
	margin: 0 auto;
	top: 23px;
}

#navigation #logo {
	position: absolute;
	width: 133px;
	height: 33px;
	right: 0;
}

<div id="navigation">
        	<div id="logo">
            	<a href="#"><img src="images/Logo.jpg" alt="big Business" height="33" width="136" /></a>
            </div><!--END logo-->
        </div><!--END navigation-->

I am expecting the logo to move to the right side but it stays to the left. It doesn't matter what I put on the logo, it don't move. What am I forgetting?

TheDoc

There is nothing wrong with the code that you've posted, it's working fine: http://jsfiddle.net/nnmW8/

Must be something else.

cybershot

yes, well that is what is warping my mind because my logo is on the left side of the logo div. If I put right: 0, it doesn't move. If I put left: 100px; it doesn't move. It should move but does not. This is why I posted. I am inclined to believe you that nothing is wrong yet it don't work.

cybershot

it's working. I don't know why it is now but it is.

treehouse : what would you like to learn today?

Forums

help with positioning