CSS Forum

**lynnema** · 11-14-2006, 02:06 PM

Sorry if this shows up twice - I thought I had posted it this a.m., but now it seems to be gone...

I have some images in "boxes" created with css on my site... http://www.jessweiss.com/mab/

They look exactly as I want them to in IE, but in Firefox, they aren't "in" the box. Any thoughts?

Also, can anyone suggest a way to get the border to touch up against the computer screen? I don't want to attach it to the body since then the vertical scroll bar will be inside rather than outside.

TIA!

**LadynRed** · 11-14-2006, 02:53 PM

What's weirder.. I replied to your post.. and it's gone too !!

I would make the suggestion that you NOT use spans. Use a div with a class on it to put in the desired background you want, and set them to float:left with a width dimension. That will make them line up horizontally. Adjust spacing with margins and padding and make sure you clear the floats.

For the border, make sure you have the margin and padding on the <body> set to 0.

**lynnema** · 11-17-2006, 09:56 AM

Thanks so much for this help. Now for a bit of help on "clears"

In IE, I have a giant gap. In Firefox, I dont' have a giant gap, but I do not have the spacer tag working to create a space between the images. Any thoughts on the best way to handle this??

TIA!

**ADAM Web Design** · 11-17-2006, 10:47 AM

Add this to your clear:

height: 1px;
overflow: hidden;

That should solve it.

**lynnema** · 11-17-2006, 11:09 AM

Doesn't seem to have done the trick...

**LadynRed** · 11-17-2006, 02:06 PM

I do my clears this way:

.brclear { /* Use a break with this class to clear float containers on both sides */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

Then in the code, rather than a div, I use <br class="brclear" />

You really should also add a valid DOCTYPE to your pages, that will help a great deal too. HTML Strict would be a good choice.