float-problems in IE and difference to Gecko

[Rainer Birkenmaier]

Hi Folks,

I have 2 little problems:
1) http://birkenmaier.org/b.php
IE 6.0 does something weired here: in the red box the first lines of
text have a slight indet (2 or 3 pixels only). This seems to be
triggered by the floating box on the left (yellow), since only the text
lines that span the height of the floating box are affected.

2) http://birkenmaier.org/c.php
Layout difference of this file when looking at with IE 6.0 and Firefox
0.9.1 (and other Gecko-based Browsers). It's about the floating box
again (yellow).
IE 6.0 is fine with this line:
margin: 1em 0em 0em 0.5em;
FireFox is ok with this line:
margin: 0em 0em 0em 1em;
What I completely don't understand is that I have to give 0.5em for the
left border to get a 1em border
And what about the top-border? Why does FireFox not need a top-margin?

Thank's a lot for your help!
-Rainer

[The Master]

Rainer Birkenmaier <rb*****@birkenmaier.org> wrote in message news:<pa****************************@birkenmaier.o rg>...

Hi Folks,

I have 2 little problems:
1) http://birkenmaier.org/b.php
IE 6.0 does something weired here: in the red box the first lines of
text have a slight indet (2 or 3 pixels only). This seems to be
triggered by the floating box on the left (yellow), since only the text
lines that span the height of the floating box are affected.
here is a site that explains that very bug:
http://www.positioniseverything.net/...reepxtest.html
2) http://birkenmaier.org/c.php
Layout difference of this file when looking at with IE 6.0 and Firefox
0.9.1 (and other Gecko-based Browsers). It's about the floating box
again (yellow).
IE 6.0 is fine with this line:
margin: 1em 0em 0em 0.5em;
FireFox is ok with this line:
margin: 0em 0em 0em 1em;
What I completely don't understand is that I have to give 0.5em for the
left border to get a 1em border
And what about the top-border? Why does FireFox not need a top-margin?

Thank's a lot for your help!
-Rainer

this will fix that problem (I basically just moved the margins to the
body element so it would be uniform):

#sidebar_frame {
position: relative;
float: left;
background-color: yellow;
border-style: solid;
border-width: 1px;
padding: 1em;
margin: 0;
width: 7em;
}

#content_frame {
position: relative;
background-color: red;
border-style: solid;
border-width: 1px;
margin: 0 0 0 10em;
padding: 1em;
}

body {
font-family: arial, helvetica, sans-serif;
padding: 0;
margin: 1em;
}

[Rainer Birkenmaier]

On Mon, 26 Jul 2004 14:06:41 -0700, The Master wrote:

here is a site that explains that very bug:
http://www.positioniseverything.net/...reepxtest.html
...
this will fix that problem (I basically just moved the margins to the
body element so it would be uniform):

Cool, thank you so much :-)
-Rainer