Invision Power Services > CSS , IE , Background

Invision Power Services > Community Forums > Community Web Design and Coding

oZaD

May 5 2005, 06:18 PM

I have a problem with my css website. Using a div object with a background and border, looks weird in IE.
maybe someone can help me out.

THe problem is that when using a div object with a background and border, IE let the border overlap a piece of the background. If the border is 5px width, it overlaps 5px of the background. This isn't what i want.
I will demonstrate it by two images, the first (good one) is in firefox, the second one is in IE..

Click to view attachment Firefox

Click to view attachment IE

Does someone know what may cause this?

CSS code for the div is:

CODE

#content_frame{
     margin:0;
     padding:0;
     background: #FFF url(./img/ts_header80_7x1.gif) repeat-y;
     border: 0;
     border-right: 3px solid #2f3e97;
     border-left: 3px solid #2f3e97;
}

oZaD

May 5 2005, 07:18 PM

No CSS guru's here? Matt ?

Michael K.

May 5 2005, 07:54 PM

Not sure.. have an example page?
Oh, and if it helps, you can position the background with background-position. You could, with the use of a CSS hack for instance, position the background 5px to the right on IE only.

Payton

May 5 2005, 09:21 PM

try doing...

background: #FFF url(./img/ts_header80_7x1.gif) repeat-y left top;

and/or... specify the width of the division?

oZaD

May 6 2005, 05:19 PM

Didnt solved the problem

I have read that you can position the background, but how can i say that it should position only in IE and not in firefox?

Sebastian Mares

May 6 2005, 05:53 PM

QUOTE(oZaD @ May 6 2005, 07:19 PM)

Didnt solved the problem

I have read that you can position the background, but how can i say that it should position only in IE and not in firefox?

http://www.quirksmode.org/css/condcom.html

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.