Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
|
Lynn I think the problem is in this code in the html:
HTML Code:
<div style="position:absolute; top:0px;left:700px;height:auto;z-index:2;">
<div id="grizzly"> <img src="http://www.webmaster-talk.com/images/griz7.gif"> </div>
</div>
You shouldn't need the div with the style around the div with the imag. In fact you don't actually need either div. You can have the id on the img tag like:
<img id="grizzly" src="http://www.webmaster-talk.com/images/griz7.gif" />
Then for the css I would add position:relative on div#page and for img#grizzly you might have something like:
img#grizzly {position:relative; top:-20px; right:-20px}
I think that will work. I'm guessing on the number of px, but I wanted you to see you could use negative px which in this case will push the image of the grizzly up and to the right.
Like I said I think this will work. I didn't look through all your code thoroughly so it's always possible what I'm suggesting will throw a few other things off. If it doesn't work I'll take a closer look at the code and see what I can come up with.
Last edited by vangogh; 02-26-2006 at 12:39 AM..
|
That worked like a charm. I hope to someday understand this positioning thing a bit better, although I am leaps and bounds ahead of where I was a month ago.
