Go Back   SitePoint Forums > Forum Index > Design Your Site > Web Page Design > CSS
Newsletter FAQ Members List Calendar Mark Forums Read

New to SitePoint Forums? Register here for free!

SitePoint Sponsor
 
 
 
Thread Tools Display Modes
Prev Previous Post   Next Post Next
Old Sep 6, 2006, 02:47   #1
WebDevGuy
SitePoint Wizard
 
Join Date: Dec 2004
Location: USA
Posts: 1,408
picture displaying partially outside div box in firefox

I have a picture (about 40px X 40px) inside a div box that is partially being displayed outside the div box. It only happens in firefox. In IE, the entire picture is inside the div box.

Here's the html code:
HTML Code:
<div class="adbox">
	<img src="i/item_picture.gif" class="rightImage" />
	<p class="item">item title</p>
	<p class="description">description</p>
</div>
Here's the css code:
HTML Code:
.adbox {
	width: 220px;
	padding: 2px 4px 2px 6px;
	margin: 0 0.5em 10px 0.5em;
	border: 1px dotted #B1B1B1;
	background-color: #FFFFFF;
}
.adbox .title {
	display: block;
	font-style: italic;
}
.adbox .description {
	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
}
.adbox .rightImage {
	float: right;
}
Any ideas how to make the pictyure display entirely in the div(adbox) box in firefox?

Thanks for any help!
WebDevGuy is offline   Reply With Quote
 

Bookmarks

« Previous Thread | Next Thread »

Thread Tools
Display Modes

 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Sponsored Links
 
Forum Jump


All times are GMT -7. The time now is 03:33.


Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Copyright 1998-2009, SitePoint Pty Ltd. All Rights Reserved