We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 11413
    • 203 Posts
    I had the IE7 preview 2 installed and it made me miss something really ugly on my website. I got 2 divs that I want to be 3px high so they looks like two lines. Here is the CSS i used :

    #bl1, #bl2 {
    	position: absolute;
    	width: 546px;
    	height: 3px;
    	background: #000;
    	padding : 0;
    }


    In FF, Opera, Safari, and IE7 it’s perfect. But, in IE6, the divs are unable to stay 3px wide just like if there was an empty line of text there. I tried to remove the padding, but nothing happened...

    Any guess about how I could fix this?

    Thanks a lot!

    Blaise Bernier
      Blaise Bernier

      www.medialdesign.com - Solutions for small business, hosting, design and more!
      • 7923
      • 4,213 Posts
      set the font size to 1px on that block


        "He can have a lollipop any time he wants to. That's what it means to be a programmer."
        • 33175
        • 711 Posts
        You can try to set the line-height to 1 px for example.
          Sorry for my english. I'm french... My dictionary is near me, but it's only a dictionary !
          • 28373
          • 204 Posts
          Quote from: grunt_lord at Apr 20, 2006, 06:56 PM

          I had the IE7 preview 2 installed and it made me miss something really ugly on my website. I got 2 divs that I want to be 3px high so they looks like two lines. Here is the CSS i used :

          #bl1, #bl2 {
          	position: absolute;
          	width: 546px;
          	height: 3px;
          	background: #000;
          	padding : 0;
          }


          In FF, Opera, Safari, and IE7 it’s perfect. But, in IE6, the divs are unable to stay 3px wide just like if there was an empty line of text there. I tried to remove the padding, but nothing happened...

          Any guess about how I could fix this?

          Thanks a lot!

          Blaise Bernier

          Try
          padding: 0px;
          margin: 0px;
          


          and can we see what else is going on with the rest of the css - or a live site example would be good
            • 11413
            • 203 Posts
            www.medialdesign.com the rest of the CSS is mostly OK, but as i said, I tried it (shame on me!) with IE7 and it seems that they finally made something not too bad at M$ wink not perfect, but not bad!

            I give you some news about that thing
              Blaise Bernier

              www.medialdesign.com - Solutions for small business, hosting, design and more!
              • 11413
              • 203 Posts
              font-size : 1px;
              


              fixed it! Thanks a lot! Animations are still a little bit sloppy in IE, but I guess it’s all about IE : IE7 was working well and FF is good too.

              bye and thanks,

              Blaise
                Blaise Bernier

                www.medialdesign.com - Solutions for small business, hosting, design and more!
              • Might want to take a look at this. It has a few oddities, but mostly seems to work well.

                http://dean.edwards.name/IE7/
                  Studying MODX in the desert - http://sottwell.com
                  Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
                  Join the Slack Community - http://modx.org
                  • 11413
                  • 203 Posts
                  I know about that script, but most of the time I try to do without it.
                    Blaise Bernier

                    www.medialdesign.com - Solutions for small business, hosting, design and more!