Bottom margin not showing in IE 7

N

Neredbojias

<http://netweaver.com.au/alt/IEBottomMarginProblem/ie7_margin_prob
lem.html> shows a bottom margin in Firefox and Safari but not in
Internet Explorer 7.

Is this a known bug, and if so, is there a reference to it and to
any recommended fix please?

I have been unable to locate any specific reference to this and
cannot see that what is said about other bugs applies to this.

404.

However, I have experienced bottom-margin probs in ie7 and usually resort
to padding or margining a bottom div, etc.
 
N

Neredbojias

There is a little bit of the URL on a subsequent line.

Yup, that was it. I "selected" it but it must have cut off anyway
because of the lf, rf (yuk yuk). Anyway, didn't you see the lack of
bottom margin in ie7?

dorayme, the way to "fix" it (more or less) is just add an empty div
(<div></div>) below the existing div.
 
D

dorayme

Neredbojias said:
Yup, that was it. I "selected" it but it must have cut off anyway
because of the lf, rf (yuk yuk). Anyway, didn't you see the lack of
bottom margin in ie7?

dorayme, the way to "fix" it (more or less) is just add an empty div
(<div></div>) below the existing div.

When I first heard about it from a friend (who has ie7), I added
exactly this to the live site where this test case is derived
from. I made a simple example for this ng because the actual site
has some floats and other things that might confuse. I gave the
thing a small height and had it in a conditional for ie7's eyes
only. And I got the report back that that had fixed it well
enough.

But you know I am totally neurotic and worry that people might
laugh at the inelegance of this and perhaps there might be better
and like that... <g>

And Richard's report is worrying me further.
 
D

dorayme

"rf said:
About 1em of bottom margin in Firefox, Safari, IE7, Opera. A much bigger
margin in IE6.

What exactly were you expecting? Screenshot?


Dunno, can't see any problem.

Thanks for this Richard, this is information for me. I was
relying on a report from a friend elsewhere in this city because
I have not got IE 7. I must get this browser, update my winbox
and so on.

In browsershot facilities I cannot get to see if there is
problem because it depends on scrolling a longer than viewport
page and seeing a margin at the bottom.

I have been unable to travel to where there are ie7s galore -
this past week or so - sick as a dog.

I have just seen Boji's post now and he says he sees the problem.
So I am a bit puzzled. Are there different versions of IE 7? Are
they affected by different winboxes with different OSs, XP,
Vista... I dunno?
 
R

rf

dorayme said:
When I first heard about it from a friend (who has ie7), I added
exactly this to the live site where this test case is derived
from. I made a simple example for this ng because the actual site
has some floats and other things that might confuse. I gave the
thing a small height and had it in a conditional for ie7's eyes
only. And I got the report back that that had fixed it well
enough.

But you know I am totally neurotic and worry that people might
laugh at the inelegance of this and perhaps there might be better
and like that... <g>

And Richard's report is worrying me further.

I really do think I saw a margin however I now don't see one.

Time for a quiet ale perhaps ;-)
 
N

Neredbojias

When I first heard about it from a friend (who has ie7), I added
exactly this to the live site where this test case is derived
from. I made a simple example for this ng because the actual site
has some floats and other things that might confuse. I gave the
thing a small height and had it in a conditional for ie7's eyes
only. And I got the report back that that had fixed it well
enough.

But you know I am totally neurotic and worry that people might
laugh at the inelegance of this and perhaps there might be better
and like that... <g>

There might be, I dunno. Surprised me that padding-bottom didn't work,
either. Anyway, I'm sure they'll have all these problems fixed in ie8...
 
D

dorayme

Neredbojias said:
...Surprised me that padding-bottom didn't work,
either. Anyway, I'm sure they'll have all these problems fixed in ie8...

You saying that a 100px padding-bottom on the wrapper does not
*show up* in IE7 with a page like: <http://tinyurl.com/2hlmhx>?
This is serious!
 
E

Els

dorayme said:
You saying that a 100px padding-bottom on the wrapper does not
*show up* in IE7 with a page like: <http://tinyurl.com/2hlmhx>?
This is serious!

It's (apparently) how IE treats margins that surpass the body
element's bounderaries (even setting a border on body doesn't help).
Thanks for noticing btw, I was just working on a new template for a
client and hadn't seen the absense of exactly the same bottom margin
on the outermost container within body.

Now solved with setting a bottom padding on body instead of bottom
margin on said div.
 
D

dorayme

Els said:
It's (apparently) how IE treats margins that surpass the body
element's bounderaries (even setting a border on body doesn't help).
Thanks for noticing btw, I was just working on a new template for a
client and hadn't seen the absense of exactly the same bottom margin
on the outermost container within body.

Now solved with setting a bottom padding on body instead of bottom
margin on said div.

Actually, Els, this is a more elegant solution for IE7 than my
temporary kludge of a heighted empty transparent div. I want the
background on body to be seen; and it will be on this padding
tactic.

I have sent $10 (US) to Bill Gates to speed up development of IE8
and 9 <g>
 
C

cwdjrxyz

<http://netweaver.com.au/alt/IEBottomMarginProblem/ie7_margin_prob
lem.html> shows a bottom margin in Firefox and Safari but not in
Internet Explorer 7.

Is this a known bug, and if so, is there a reference to it and to
any recommended fix please?

I have been unable to locate any specific reference to this and
cannot see that what is said about other bugs applies to this.

See http://www.cwdjr.net/test/ScreenShot001.jpg for a screen capture
of the bottom of your page on Firefox scrolled down as far as
possible. Then see http://www.cwdjr.net/test/ScreenShot002.jpg for a
screen shot of your page on the ATT/Yahoo DSL browser(a slight
modification of IE7, mainly a special ho9me page). There is a
difference. I will take these two screen shots down in a few days.
 
E

Els

dorayme said:
Actually, Els, this is a more elegant solution for IE7 than my
temporary kludge of a heighted empty transparent div. I want the
background on body to be seen; and it will be on this padding
tactic.

You just need to think inside the box ;-)
I have sent $10 (US) to Bill Gates to speed up development of IE8
and 9 <g>

A $10 well spent :)
 
D

dorayme

<[email protected]
cwdjrxyz said:
See http://www.cwdjr.net/test/ScreenShot001.jpg for a screen capture
of the bottom of your page on Firefox scrolled down as far as
possible. Then see http://www.cwdjr.net/test/ScreenShot002.jpg for a
screen shot of your page on the ATT/Yahoo DSL browser(a slight
modification of IE7, mainly a special ho9me page). There is a
difference. I will take these two screen shots down in a few days.

I better be quick then!

OK, thanks cwdjrxyz, this is food for thought indeed.

It makes me think a padding-bottom on body (see Els' reply) might
need to be applied not just for IE's eyes only.
 
C

cwdjrxyz

<[email protected]






I better be quick then!

OK, thanks cwdjrxyz, this is food for thought indeed.

It makes me think a padding-bottom on body (see Els' reply) might
need to be applied not just for IE's eyes only.

I checked on most recent versions of Seamonkey, Opera, and Safari for
Windows. They all appear about the same as shown in the screen shot
for Firefox. At least for most recent browser that are commonly used,
IE7 seems to do things in a different way, as often was the case for
earlier IE browsers. I would not say IE7 is wrong without reading all
of the W3C specs that might apply, but I would give very good odds
that they are wrong if I were making a bet.
 
D

dorayme

<[email protected]
m>,
cwdjrxyz said:
....

I checked on most recent versions of Seamonkey, Opera, and Safari for
Windows. They all appear about the same as shown in the screen shot
for Firefox. At least for most recent browser that are commonly used,
IE7 seems to do things in a different way, as often was the case for
earlier IE browsers. I would not say IE7 is wrong without reading all
of the W3C specs that might apply, but I would give very good odds
that they are wrong if I were making a bet.

I took another look at your screenshots and I see that you are
confirming what I have suspected and I will leave the padding on
body for IE 7 eyes only. IE 6 does not exhibit the problem. How
about that. A development of the fault ridden IE6 does not even
get right what it got right!
 
C

cwdjrxyz

<[email protected]
m>,





I took another look at your screenshots and I see that you are
confirming what I have suspected and I will leave the padding on
body for IE 7 eyes only. IE 6 does not exhibit the problem. How
about that. A development of the fault ridden IE6 does not even
get right what it got right!

If you are very fussy about how the page on IE7 looks at the bottom,
you likely could correct with Microsoft conditional comments. See my
demo page at http://www.cwdjr.net/test/UncleBill.html . I tested this
on all of the browsers I have to make certain it works.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,744
Messages
2,569,483
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top