Okay. I got what I wanted. Another user suggested adding "position:absolute" to the hr and it worked as shown here ...
<body> Hello <div style="border: 1px solid red; margin: 0; padding: 0;"> <hr style="position: absolute; margin: 0; padding: 0; border: 0; color: #999999; background-color: #999999; height: 1px;" height="1"/> </div> Bye </body> Thanks. -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Sent: Thursday, January 12, 2006 6:53 AM To: 'Ian Young'; '[email protected]' Subject: RE: [css-d] Too much space around the hr tag I do want the <hr> tag. I put the border around the <hr> tag to show that there are space above and below the <hr> in IE. I want the red border around an <hr> tag. But I don't want the "white air" in between the red border and the <hr>. That is what I want to achieve. I want the word "Hello" sitting right above the <hr> (almost touching). And I want the word "Bye" to be directly below. Thanks. Artcoder -----Original Message----- From: Ian Young [mailto:[EMAIL PROTECTED] Sent: Thursday, January 12, 2006 12:57 AM To: [EMAIL PROTECTED]; [email protected] Subject: RE: [css-d] Too much space around the hr tag >> In Firefox, it looks exactly the way I want it. In IE there is too much space before and after the <hr> tag. I tried various ways of styling the hr. But am unable to collapse that space. Please let be know how to style this <hr> tag so that it looks in IE the way it looks in Firefox.>> The problem as I see it is that you have a border around the hr. Your code for changing the colour of the hr ain't doing anything. If you remove the hr tag altogether you get a nice red horizontal line of the colour you wish, rendering exactly the same in IE and FF. Ian IY e-Solutions -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.371 / Virus Database: 267.14.16/225 - Release Date: 09/01/2006 ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
