471,119 Members | 1,449 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,119 software developers and data experts.

float-problems in IE and difference to Gecko

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
Jul 20 '05 #1
2 2085
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;
}
Jul 20 '05 #2
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
Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

5 posts views Thread by Pat | last post: by
3 posts views Thread by Robb Gilmore | last post: by
6 posts views Thread by Dave win | last post: by
9 posts views Thread by Sisyphus | last post: by
11 posts views Thread by Marc Pelletier | last post: by
20 posts views Thread by ehabaziz2001 | last post: by
9 posts views Thread by Gregory.A.Book | last post: by
13 posts views Thread by Shirsoft | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.