Div left margin getting double size on IE6. Why?

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

    Div left margin getting double size on IE6. Why?

    Hi this is the html to generate the behavior:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
    www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <body style="margin: 0px; padding: 0px;">
    <div style="margin-left: 10px; float: left;">
    <div id="test" style="backgrou nd-color: red;">
    test
    </div>
    </div>
    </body>
    </html>

    I used margin-left: 10px but IE6 show a margin with 20px.

    If I remove the style "float: left;" this way:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
    www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <body style="margin: 0px; padding: 0px;">
    <div style="margin-left: 10px;">
    <div id="test" style="backgrou nd-color: red;">
    test
    </div>
    </div>
    </body>
    </html>

    the IE6 show the right margin.

    Please help-me!!!
    or my boss will kill me ;)
    Tags: None
    • Andy Dingley
      #2
      Re: Div left margin getting double size on IE6. Why?

      On 12 May, 18:10, Neviton <nevito...@gmai l.comwrote:
      Hi this is the html to generate the behavior:
      Don't post fragments or complete pages, post URLs to publically
      accessible examples.
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
      Why use XHTML? For XHTML to even begin to be a good idea, you must
      know why you're doing it, appreciate why you shouldn't do it,
      understand what precise benefit using it will give you for this
      precise example, then show that there actually is such a benefit.
      There almost never is such a benefit.

      Why use Transitional? As for XHTML, maybe even more so.

      Use HTML 4.01 Strict instead, all the time, unless you can argue a
      good case for it with the audience here.

      <html xmlns="http://www.w3.org/1999/xhtml" >
      <body style="margin: 0px; padding: 0px;">
      Where's the <headand <titleelement s?

      This code is invalid. That means three or four things at least:

      * You haven't read the newsgroup, or understood the importance of
      using valid markup.
      ** You don't appreciate that posting invalid code here is just going
      to generate a "Post valid code" response.

      * Invalid code makes IE go bananas. A basic starting point for keeping
      it under control is to only feed it valid code.

      * You don't validate your code as a matter of course. _Anything_ could
      be hiding in there.

      * We don't have time to fix valid code. We certainly don't have time
      to mess with invalid stuff. Do the basics yourself first.

      I used margin-left: 10px (and float:left;) but IE6 show a margin with 20px.
      Go and read http://brainjar.com/css/positioning/ on the meaning and
      effects of "width" and "margin" when applied to floated elements. You
      need to understand what float means first of all before using it. In
      particular the stuff about floated elements being taken out of the
      normal flow of rendered elements.

      Please help-me!!!
      or my boss will kill me ;)
      We're still thinking about it.

        Comment

        • Steve Pugh
          #3
          Re: Div left margin getting double size on IE6. Why?

          On May 12, 6:10 pm, Neviton <nevito...@gmai l.comwrote:
          Hi this is the html to generate the behavior:
          >
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www..w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
          <html xmlns="http://www.w3.org/1999/xhtml" >
          <body style="margin: 0px; padding: 0px;">
                  <div style="margin-left: 10px; float: left;">
                          <div id="test" style="backgrou nd-color: red;">
                                  test
                          </div>
                  </div>
          </body>
          </html>
          >
          I used margin-left: 10px but IE6 show a margin with 20px.
          Known bug with IE6. If you float to one side it doubles the margin on
          the same of the floated element.

          See http://www.positioniseverything.net/...ed-margin.html


          Steve




            Comment

            • Neviton
              #4
              Re: Div left margin getting double size on IE6. Why?

              Man whats your problem?
              Are you angry?

              If I have asked for help is cause I dont know how to do what I need.

              Could you undestand it?

              I dont put head e title element just to let the code smaller to post
              and this dont make difference to show what I want.

              please if dont have patience just let me without your help.

              I just though I would find some help on it.

              And sorry if I made your day more bad.

                Comment

                • Neviton
                  #5
                  Re: Div left margin getting double size on IE6. Why?

                  Thank you very very much

                  I really appreciate your help
                  See http://www.positioniseverything.net/...ed-margin.html
                  I will take a look on this link

                    Comment

                    • Neviton
                      #6
                      Re: Div left margin getting double size on IE6. Why?

                      Andy Dingley
                      Whats your problem?
                      Are you angry?

                      If I have asked for help is cause I dont know how to do what I need.

                      Could you undestand it?

                      I dont put head e title element just to let the code smaller to post
                      and this dont make difference to show what I want.

                      please if dont have patience just let me without your help.

                      I just though I would find some help on it.

                      And sorry if I made your day more bad.

                        Comment

                        Previous template Next
                        Working...