jo soap wrote:
> Hi,
>
> I'm producing the following site: www.focushealth.co.uk/draft2.html
>
> There is a problem with the image tag: when I view it on a monitor with
> resolution set to 1024 x 768 it works fine. However, when I view it on
> another monitor with the resolution set to 1280 X 800 a white gap appears at
> the bottom of the image.
Hi Anthony. You need to place display: block on your image within your
div#image. There are also a couple errors in your style sheet so your
border wasn't showing up at all in non-IE browsers. I've commented out
the incorrect lines and added the correct version right below. Here's
the fixed CSS:
#image {
position:absolute;
top:110px;
left:0px;
width:528px;
height:350px;
/*border: 1px 1px 1px 1px solid #000000;*/
border: 1px solid #000;
padding: 0px 0px 0px 0px;
/*margin:1px 1px 1px 1px solid #000000;*/
margin: 1px;
}
#image img { display: block; }
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer tools, and reseller program available!
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
