divs correctly aligned in IE and not in FF

[Mr. T.]

Hi,

i have this page: http://www.foodtoknow.org/test.htm

when i look at it in IE the red div's in the center of the screen are
aligned as they should (leaving a white border to the left the same size as
the border to the left of the top bar picture).

However, when i look at it in FF the red div's are put completely to the
right border of the white box, not leaving the white border.

I have validated both the HTML and CSS against the W3.org validator and for
both i get that they are valid. So something else must be wrong or missing.

I've been looking at this for days but it's driving me crazy, cause i can't
find what's wrong.

Does anyone have an idea what might be happening?

Thx in advance,

Regards,

Thomas

[Els]

Mr. T. wrote:

Hi,

i have this page: http://www.foodtoknow.org/test.htm
I think that causes a deja vu here...
when i look at it in IE the red div's in the center of the screen are
aligned as they should (leaving a white border to the left the same size as
the border to the left of the top bar picture).

However, when i look at it in FF the red div's are put completely to the
right border of the white box, not leaving the white border.
Yup, definitely a deja vu ;-)
I have validated both the HTML and CSS against the W3.org validator and for
both i get that they are valid. So something else must be wrong or missing.

I've been looking at this for days but it's driving me crazy, cause i can't
find what's wrong.

Does anyone have an idea what might be happening?

I still think what I said last time. Didn't that work?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Mr. T.]

Hi Els,

I still think what I said last time. Didn't that work?

Nope, i played with the padding and margins as you suggested, but the only
thing happening was that it didn't look right in IE anymore either. Also
removing or changing the "float" didn't help either.

I tried to put a container around the boxes, but the problem was that in IE
that was correct (the container stood where it needed to) but in FF the
container also went completely the wrong way. It was positioned behind the
big red box on top in stead of below where it should be.

That's why i'm reposting my question, because it didn't work that way.

Regards,

Thomas

[Els]

Mr. T. wrote:

Hi Els,

I still think what I said last time. Didn't that work?

Nope, i played with the padding and margins as you suggested, but the only
thing happening was that it didn't look right in IE anymore either. Also
removing or changing the "float" didn't help either.

I tried to put a container around the boxes, but the problem was that in IE
that was correct (the container stood where it needed to) but in FF the
container also went completely the wrong way. It was positioned behind the
big red box on top in stead of below where it should be.

Okay, well, here is a patch - add this bit to your stylesheet:

..contentbox{
margin-right:6px;
}
* html .contentbox{
margin-right:0;
}

I didn't check in any other browsers than IE6, FF1 and Opera8, and I
think it's more of a patch than a real fix actually.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Mr. T.]

Hi,

this works fine! Thx a lot!

Thomas

"Els" <el*********@tiscali.nl> schreef in bericht
news:8y*****************************@40tude.net...

Mr. T. wrote:

Hi Els,

I still think what I said last time. Didn't that work?

Nope, i played with the padding and margins as you suggested, but the
only
thing happening was that it didn't look right in IE anymore either. Also
removing or changing the "float" didn't help either.

I tried to put a container around the boxes, but the problem was that in
IE
that was correct (the container stood where it needed to) but in FF the
container also went completely the wrong way. It was positioned behind
the
big red box on top in stead of below where it should be.

Okay, well, here is a patch - add this bit to your stylesheet:

.contentbox{
margin-right:6px;
}
* html .contentbox{
margin-right:0;
}

I didn't check in any other browsers than IE6, FF1 and Opera8, and I
think it's more of a patch than a real fix actually.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -