divs correctly aligned in IE and not in FF

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Mr. T. - 27 Jun 2005 15:04 GMT

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

Reply to this Message

Els - 27 Jun 2005 15:24 GMT

> 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.
[quoted text clipped - 3 lines]
>
> Does anyone have an idea what might be happening?

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

Signature

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

Reply to this Message

Mr. T. - 28 Jun 2005 07:56 GMT

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

Reply to this Message

Els - 28 Jun 2005 08:58 GMT

> Hi Els,
>
[quoted text clipped - 7 lines]
> 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.

Signature

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

Reply to this Message

Mr. T. - 28 Jun 2005 14:12 GMT

Hi,

this works fine! Thx a lot!

Thomas

>> Hi Els,
>>
[quoted text clipped - 22 lines]
> 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.

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / June 2005

divs correctly aligned in IE and not in FF