IE not minding margin-right RSS Feed

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • David Schwartz
    #1

    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
    Tags: None
    • John Hosking
      #2
      Re: IE not minding margin-right RSS Feed

      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@e3 9g2000hsf.googl egroups.comor
      simply adopt the <numbervarian t described at
      http://www.w3.org/TR/CSS21/visudet.h...ef-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/

        Comment

        • David Schwartz
          #3
          Re: IE not minding margin-right RSS Feed

          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...@e3 9g2000hsf.googl egroups.comor
          simply adopt the <numbervarian t described athttp://www.w3.org/TR/CSS21/visudet.html#pr opdef-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

            Comment

            • Bergamot
              #4
              Re: IE not minding margin-right RSS Feed


              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

                Comment

                • John Hosking
                  #5
                  Re: IE not minding margin-right RSS Feed

                  David Schwartz wrote:
                  [but trimmed the attributions, which I'll now try to re-add -JH]
                  John Hosking wrote:
                  >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
                  Geez, everybody else in the world does. ;-)
                  >
                  >Doctype? (Are you inciting Quirks mode [q.g.]?)
                  See the markup below
                  Well, I *did* see the markup below, and there wasn't any doctype
                  declaration, which is why I asked, but there wasn't any <heador <html>
                  or <bodyor <title>, either, so I had to ask. If you post a URL (yes,
                  there are free servers available, if you look, and if for some reason
                  you really can't use "your" server), then the doctype or lack of it is
                  evident for all. Pasted code snippets don't tell the whole story.

                  >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.
                  It's not clear what did the trick (what's "this", exactly), but I don't
                  see what you're confused about here. You want some left margin to be
                  recognized, but you don't say what it is. Presumably, you added one, and
                  that's what made it be recognized. Isn't that self-explanatory? Or what
                  am I misunderstandin g?

                  [...other stuff, trimmed, because neither of us has anything more to say
                  about it...]
                  >
                  Thanks for your help!
                  YW

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

                    Comment

                    • David Schwartz
                      #6
                      Re: IE not minding margin-right RSS Feed

                      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

                        Comment

                        Previous template Next
                        Working...