Why are the text lines double-spaced?

[Chrisj]

When I have <p></p> around some text, the text lines appear double-spaced. When I remove the <p></p> the text lines appear single-spaced. How can I have <p></p> around text and have the the text lines single-spaced?

Thanks. Here is my code:

 

<p class="section"><font size="2" color="#800000" face="Arial">Text</font><br/>
Text and more text</p>

 

.section
{
  color:#000000;
  font-size: 12px;
  font-family:arial;
  clear:both;
  line-height: 90%;
  margin:5px 0px 0px 0px;
}

[premiso]

I just tested that, it seems fine on my end, perhaps your browser's font setting is set to a higher setting than not? What browser / version are you using?

 

Tested in FF 3.x and it worked just fine.

[benphp]

Works for me too. Two lines, single spaced.

 

Text

Text and more text

 

Actually, the lines overlap a bit.

[Chrisj]

Thanks for your replies.

 

It looks fine to me too....in IE7, but I'm trying to correct it for IE6 viewers.

Any thoughts?

thanks

 

[premiso]

Any thoughts?

 

Don't. Not worth the effort for a browser that is 2 versions prior. You are just creating undue heartache for yourself, as IE6 is just horrible. If I were to take a stab at why, it would be the clear:both; command and I bet IE6 does not recognize it.

[JustLikeIcarus]

Well the reason your line-height is changing when you add the paragraph tags is because the css you are using for the .section class has line-height defined.  As a test try removing that and see what happens.

[SuperBlue]

You shouldn't be "correcting" it for IE6 users, its their own responsibility to keep their browser updated. Win9x users can still upgrade to either Opera, or an older version of Firefox, though i won't even recommend them the latter. They can only expect to see problems like that when they use an older browser/os.

 

Imagine how Photoshop would work if you installed it on some older unsupported platform, the Browser is our platform, and support for older browsers are increasingly being phrased out, hopefully that development continues.

 

If you still want to support IE6, your problem just might be, that one browser uses padding, where the other uses margin. Try using one of before mentioned, rather then both, this should ensure that IE6 behaves like it should. I.e.

 

* {margin:0;padding:0;}
p {padding: 0 0.5em 1em 0.5em; /* Top | Right | Bottom | Left */}

 

Hope that helps, I'm not sure i remember correctly though, i haven't worked with IE6 for a very long time.

[haku]

You should only ignore IE6 if you are either not professional, or if your browser stats show that the number of users for the site using IE6 are of a small enough number that you don't mind writing them off as users for the site.

[SuperBlue]

You should only ignore IE6 if you are either not professional, or if your browser stats show that the number of users for the site using IE6 are of a small enough number that you don't mind writing them off as users for the site.

You might as well give up on your beloved IE6. The industry is changing, by the mark of major sites like Facebook and YouTube ditching support for older browsers. Not that it would change anything, since i at least have the ability to make my own decisions, regardless of what major recognized companies choses to do, and regardless of percentages.

 

Have you ever heard about the term "Bandwagon effect"? Much of the support IE6 got, can be entirely credited to that.

 

 

 

 

 

[haku]

You might as well give up on your beloved IE6.

 

There is no belovedness about it - it's a right garbage browser. I don't support it for my personal non-business related sites. But for the rest I stand by my previous comments:

 

You should only ignore IE6 if you are either not professional, or if your browser stats show that the number of users for the site using IE6 are of a small enough number that you don't mind writing them off as users for the site.

 

In both of those situations, there is nothing wrong with dropping IE6 support. But when I have a client that wants IE6 support, as so many of them do, I'm not going to tell them 'it's your fault that so many people still use this crappy browser, you are creating a bandwagon effect', I'm tell them 'ok, I charge $___ for IE6 support. Would you like me to check your analytics and tell you what percentage of your users are using that browser?'

 

That's what being a professional is about. You don't tell your clients that you can't do something for them, you learn ways that you can say yes to them that benefit you both.