extra whitespace padding in DIV tag

Alright, this newsgroup is my last hope. I have tried many solutions to
my problem, but none of them seem to work.

I have been wroking on this site layout at
<http://www.digitalbovine.com/db.test.html> but I am having a problem
with it IE 6 on Win. Between my footer and content DIV tags there is
extra unwanted padding added to the footer. I do not know what the
problem for this is.

I have been through google for "ie whitespace css" and seen some of the
clever solutions, but they do not seem to apply to my problem (or I
might be applying them wrongly.) Any help is greatly appreciated. If I
have posted in the wrong newsgroup I will redirect to the correct.

Thanks in advance.

Regards,

JT Archie

re: extra whitespace padding in DIV tag

Justin Archie wrote:[color=blue]
> Alright, this newsgroup is my last hope. I have tried many solutions to
> my problem, but none of them seem to work.
>
> I have been wroking on this site layout at
> <http://www.digitalbovine.com/db.test.html> but I am having a problem
> with it IE 6 on Win. Between my footer and content DIV tags there is
> extra unwanted padding added to the footer. I do not know what the
> problem for this is.
>
> I have been through google for "ie whitespace css" and seen some of the
> clever solutions, but they do not seem to apply to my problem (or I
> might be applying them wrongly.) Any help is greatly appreciated. If I
> have posted in the wrong newsgroup I will redirect to the correct.
>
> Thanks in advance.
> Regards,
> JT Archie[/color]

I don't know how to fix this using <p>, if you change the paragraphs to
spans and separate them with a <p> the problem goes away, although
text-indent doesn't appear to work on them.

<div id="content">
<span>Lorem ipsum dolor sit amet....consectetuer elit.</span>
<p>
<span>Aenean vel ligula....ultricies ipsum.</span>
</div>

Mike

re: extra whitespace padding in DIV tag

in comp.infosystems.www.authoring.stylesheets, mscir wrote:[color=blue]
> Justin Archie wrote:[color=green]
> > Alright, this newsgroup is my last hope. I have tried many solutions to
> > my problem, but none of them seem to work.
> >
> > I have been wroking on this site layout at
> > <http://www.digitalbovine.com/db.test.html> but I am having a problem
> > with it IE 6 on Win. Between my footer and content DIV tags there is[/color][/color]

Seems to be some bug. You could try with
* {margin:0 !important; }
in your stylesheet. if it helps, then find out where this margin is. Same
with padding.

Random guess is
p {margin-bottom:0;}
[color=blue]
> I don't know how to fix this using <p>, if you change the paragraphs to
> spans and separate them with a <p> the problem goes away, although
> text-indent doesn't appear to work on them.[/color]

So this is not good solution. Why did you make it?
[color=blue]
> <div id="content">
> <span>Lorem ipsum dolor sit amet....consectetuer elit.</span>
> <p>
> <span>Aenean vel ligula....ultricies ipsum.</span>
> </div>[/color]

1) That is not good HMTL
2) Op is actually using XHTML, so it is also incorrect.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.
Support me, buy Opera:
https://secure.bmtmicro.com/opera/bu...tml?AID=882173

re: extra whitespace padding in DIV tag

"Justin Archie" <jtarchie@gmail.com> wrote in news:1113172199.019955.44020
@z14g2000cwz.googlegroups.com:
[color=blue]
> Alright, this newsgroup is my last hope. I have tried many solutions to
> my problem, but none of them seem to work.
>
> I have been wroking on this site layout at
> <http://www.digitalbovine.com/db.test.html> but I am having a problem
> with it IE 6 on Win. Between my footer and content DIV tags there is
> extra unwanted padding added to the footer. I do not know what the
> problem for this is.
>
> I have been through google for "ie whitespace css" and seen some of the
> clever solutions, but they do not seem to apply to my problem (or I
> might be applying them wrongly.) Any help is greatly appreciated. If I
> have posted in the wrong newsgroup I will redirect to the correct.[/color]

Alright, I had this same problem with my page a while back. It seems
that IE does not properly "wrap" it's outer edge around the inside
content at all times. Adding "height: 100%;" to the div#content section
will solve your issue.

--
Arctic Fidelity <spam@sacrificumdeo.net>
<http://www.sacrificumdeo.net>
"Beware of bugs in the above code; I have only proved it correct, not
tried it." -- Donald Knuth

re: extra whitespace padding in DIV tag

Thank you... your solution works.