Click to See Complete Forum and Search --> : Relative Image Positioning


SpencerDav
03-03-2008, 06:35 AM
Hi,

I have a small problem with relative positioning an image using DIVs.

I have a three column layout, and want an image in the middle column lifted up slightly.

When I put it in and use this CSS code:

.welcomeimage
{
position:relative;
top: -100px;
left: -65px;
}

it all works perfectly, the image moves up and slightly right, there is still space left below it. If I was to move it up 400 pixels, there is still the space left behind?

Im sure there is an easy solution for this, but as you can tell im a CSS learner!

Thanks for any help!

Spence

SpencerDav
03-03-2008, 06:59 AM
Hey, found a fix,

Just involved setting the height of the div! Sorry for being an idiot!

.welcomeimage
{
position:relative;
height:175px;
top: -100px;
left: -65px;
clear: left;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}