IE not minding margin-right RSS Feed

I've got a sidebar element that's a floating div. To the left of this
div, there are p's each with a margin-right set as well as overflow:
auto set (see below)). Some of the p's are of class 'subhead'. In FF2,
all of these elements obediently mind the left margin of the sidebar.
In IE, however, the subheads do not and run underneath the sidebar.
Any ideas why?

The css is as follows:

..subhead {
background-color: #D6ECF3;
color: black;
font-size: 90%;
font-weight: bold;
line-height: 20px;
margin-bottom: 10px;
}

P {
margin-left: 10px;
margin-right: 20px;
font-size: 12pt;
overflow: auto;
}

The sidebar has the following style:
overflow: auto; padding-left:10px; margin-top:10px; margin-bottom:
10px; margin-right: 10px

TIA,
David

David Schwartz wrote:

I've got a sidebar element that's a floating div. To the left of this
div, there are p's each with a margin-right set as well as overflow:
auto set (see below)). Some of the p's are of class 'subhead'. In FF2,
all of these elements obediently mind the left margin of the sidebar.
In IE, however, the subheads do not and run underneath the sidebar.
Any ideas why?

Yes, several. But first (apologies to all those who are tired of the
same old questions):

URL? (Please don't paste a bunch of incomplete code.)
Doctype? (Are you inciting Quirks mode [q.g.]?)
Which IE? 6? 7? 3.01?
What do you think "the left margin of the sidebar" is that the p
elements are supposed to mind?

The css is as follows:

.subhead {
background-color: #D6ECF3;
color: black;
font-size: 90%;
font-weight: bold;
line-height: 20px;

See, for example, the thread from a week ago starting with the post
<e9bece37-7424-4387-aa88-0561e05d8436 (AT) e39g2000hsf (DOT) googlegroups.com> or
simply adopt the <number> variant described at
http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height.

margin-bottom: 10px;
}

P {
margin-left: 10px;
margin-right: 20px;
font-size: 12pt;

Please not in points (unless you're printing). Please not so small.
Especially if you're going to make something called .subhead (surely a
heading of some kind) to be only 90% of this size. And note that you've
asked for a line-height in *pixels* to go with a font-size in *points*.

overflow: auto;
}

The sidebar has the following style:
overflow: auto; padding-left:10px; margin-top:10px; margin-bottom:
10px; margin-right: 10px

Inline, I'm guessing, but why? And again, where's the left margin which
must be obeyed?


--
John
Pondering the value of the UIP: http://improve-usenet.org/

URL? (Please don't paste a bunch of incomplete code.)
Sorry but I don't have a freely accessible web server at my

disposal

Doctype? (Are you inciting Quirks mode [q.g.]?)
See the markup below

Which IE? 6? 7? 3.01?
IE7
What do you think "the left margin of the sidebar" is that the p
elements are supposed to mind?
Why does there have to be a margin set for the sidebar? This, btw,

did the trick but I don't understand why it's necessary.

The css is as follows:

.subhead {
background-color: #D6ECF3;
color: black;
font-size: 90%;
font-weight: bold;
line-height: 20px;

See, for example, the thread from a week ago starting with the post
e9bece37-7424-4387-aa88-0561e05d8... (AT) e39g2000hsf (DOT) googlegroups.com> or
simply adopt the <number> variant described athttp://www.w3.org/TR/CSS21/visudet.html#propdef-line-height.

margin-bottom: 10px;
}

P {
margin-left: 10px;
margin-right: 20px;
font-size: 12pt;

Please not in points (unless you're printing). Please not so small.
Especially if you're going to make something called .subhead (surely a
heading of some kind) to be only 90% of this size. And note that you've
asked for a line-height in *pixels* to go with a font-size in *points*.

overflow: auto;
}

The sidebar has the following style:
overflow: auto; padding-left:10px; margin-top:10px; margin-bottom:
10px; margin-right: 10px

Inline, I'm guessing, but why? And again, where's the left margin which
must be obeyed?
Actually, this is applied to a div.

Thanks for your help!

David

David Schwartz wrote:

URL? (Please don't paste a bunch of incomplete code.)
Sorry but I don't have a freely accessible web server at my
disposal

Sure you do. Does your ISP give you any free space? Did you google for
"free web server"? There's always yahoo/geocities if you're desperate.

Sorry, but nobody wants to read a bunch of code embedded in a post. Find
a publicly accessible server and upload a test page. Do be sure to
validate your code to eliminate syntax errors as a cause of rendering
issues.

Make it as easy as possible for us to help you, and you'll get a much
better response. Posting code is not the way. Posting a URL is.

--
Berg

The issue was that it wasn't minding the margin-right (see the
subject). Don't all elements have an implicit margin? What I'm
confused about is why the margin-right on the left divs worked only
when I specified a margin-left for the right div.

In any case, thanks for your help. Also, I'll post urls in the future.

David