...

View Full Version : position:absolute;



david_uk
06-05-2007, 03:55 PM
Guys, I used position:absolute; to control the third div tag on my page, however, when you minimise the page obviously the image will not resize, I have tried everything to sort this, can you help? here is the code with the other two div tags


#text_area
{
position:inherit;
width:290px;
height:315px;
z-index:2;
left: 201px;
top: 1px;
font: Arial, Helvetica, sans-serif, Georgia, Times, serif;
color: #FFFFFF;
text-align:left;
font-size:14px;
font-weight:400;

#images_bottom
{
position:inherit;
width:310px;
height:115px;
z-index:2;
left: 201px;
top: 420px;
}

#large_image_bl
{
position:absolute;
width:310px;
height:450px;
z-index:1;
left: 750px;
top: 100px;
background: url(/site/images/marketing_media/david_james.gif) no-repeat;
}



with large_image_bl being the 3rd one I was having trouble and the other two sit on the page one below the other, like


text_area
bottom_images

large_image_bl is to the right and same level as text_area

hope this makes sense and someone out there can help? :confused:

Dave.

Arbitrator
06-05-2007, 04:11 PM
We need to see a live Web site or posted code with the relevant images.

david_uk
06-05-2007, 04:18 PM
sorry, sure thing, here is the page, http://shopping.netsuite.com/c.674562/site/static/m_page_off_field.htm

the nice lady in on the right is div I am having trouble, header/footer and where you see our products are all includes.

Cheers,

Dave.

VIPStephan
06-05-2007, 07:07 PM
Position your #body relative.
Also you shouldn’t use empty elements just to apply styles or an image. I’m sure you have enough elements to put the woman (e.g. the #body div - which would solve your problem right away).

david_uk
06-07-2007, 01:18 PM
thanks for help. I'll try that and let you know how I get on. :thumbsup:

twodayslate
06-07-2007, 02:08 PM
Validate your page ;)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum