Stylesheets - more float-differences between EI and Gecko

Author

more float-differences between EI and Gecko

Rainer Birkenmaier

2004-07-27, 12:17 pm

Hi again,

This float-thing with IE is really killing me ... anyway here two new
questions:

1) Check out http://birkenmaier.org/a.php
If you display this using IE the margin between the left-middle blue
box ("Seitenleiste") and the lower blue box ("the credits") is double
as high as expected.
The problem can be fixed by having
#sidebar_frame {
...
margin: 0;
...
}
instead of
#sidebar_frame {
...
margin: 0 0 0.5em 0;
...
}
but then gecko (Firefox) is screwed up by not having any gap at all.
It does not help the leave out margins on #sidebar_frame and
#content_frame but put a top-margin to #footer_frame.

2) Another way to fix this, is having something like this:
#sidebar_frame {
...
margin: 0 0 0.5em 0;
// margin: 0;
...
}
The '//' are read as comment in Gecko but are ignored in IE. So IE
ends up with a margin of zero while Gecko has a lower-margin of 0.5em.
The question is, is this a generally accepted way of working around
this kind of problems and have differnt settings for IE and Gecko?

Thanks for your upcoming answers :-)
-Rainer

The Master

2004-07-27, 7:17 pm

check out:

http://css.maxdesign.com.au/floatut...utorial0801.htm

that should help you in all your needs to do a two colum layout with
header and footer.

Sincerely,
The Master

Rainer Birkenmaier <rbrk001@birkenmaier.org> wrote in message news:<pan.2004.07.27.11.09.18.146349@birkenmaier.org>...
> Hi again,
>
> This float-thing with IE is really killing me ... anyway here two new
> questions:
>
> 1) Check out http://birkenmaier.org/a.php
> If you display this using IE the margin between the left-middle blue
> box ("Seitenleiste") and the lower blue box ("the credits") is double
> as high as expected.
> The problem can be fixed by having
> #sidebar_frame {
> ...
> margin: 0;
> ...
> }
> instead of
> #sidebar_frame {
> ...
> margin: 0 0 0.5em 0;
> ...
> }
> but then gecko (Firefox) is screwed up by not having any gap at all.
> It does not help the leave out margins on #sidebar_frame and
> #content_frame but put a top-margin to #footer_frame.
>
> 2) Another way to fix this, is having something like this:
> #sidebar_frame {
> ...
> margin: 0 0 0.5em 0;
> // margin: 0;
> ...
> }
> The '//' are read as comment in Gecko but are ignored in IE. So IE
> ends up with a margin of zero while Gecko has a lower-margin of 0.5em.
> The question is, is this a generally accepted way of working around
> this kind of problems and have differnt settings for IE and Gecko?
>
> Thanks for your upcoming answers :-)
> -Rainer

The Master

2004-07-27, 7:17 pm