Wrox Programmer Forums
Go Back   Wrox Programmer Forums > Web Programming > CSS > CSS Cascading Style Sheets
|
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old April 27th, 2006, 09:06 AM
Banned
 
Join Date: Jul 2005
Posts: 317
Thanks: 0
Thanked 0 Times in 0 Posts
Default CSS2: Horizontal Rule Has 1px Border in IE???

I'm having a problem yet again with how CSS2 is rendered in IE. This time, I'm trying to create a customized horizontal rule. It works great in Firefox, but not in IE. It shows up with some sort of border/indentation in IE, even thought the border is set to 0px.

If anyone knows whether or not there is a solution to this, I'd really appreciate hearing it. Thanks for any help.

KWilliams

Last edited by kwilliams; December 23rd, 2008 at 01:43 PM..
 
Old April 27th, 2006, 09:16 AM
Friend of Wrox
 
Join Date: Jun 2003
Posts: 425
Thanks: 0
Thanked 3 Times in 3 Posts
Default

So, are the nice pictures of what you see in IE or FF?

Browsers' default styling of HR are different. I see no CSS and not even an HR at that URL. That would be useful.

Meanwhile...
http://www.sovavsiti.cz/css/hr.html
http://css-discuss.incutio.com/?page=HorizontalLine

--
http://yupapa.com
 
Old April 27th, 2006, 09:20 AM
Banned
 
Join Date: Jul 2005
Posts: 317
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Quote:
quote:So, are the nice pictures of what you see in IE or FF?
Those are images of what I see in IE. Firefox has no problem, and does not display the border.

Quote:
quote:Browsers' default styling of HR are different. I see no CSS and not even an HR at that URL. That would be useful.
The site that I'm working on is located on an internal server, so there's no way for me to show you that page. That's why I created this page.

What I'll do is to add the CSS to the page, and add an hr that's affected by that CSS for you and others to see. Sorry about that. I just wanted to show what I was seeing in IE, and whether other's had had the same problem in the past. Thanks for the input.

KWilliams
 
Old April 27th, 2006, 09:26 AM
Banned
 
Join Date: Jul 2005
Posts: 317
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Ok, I've actually added the CSS to the page with an actual horizontal rule. I had just intended for people to see what I was seeing, but now I understand that you can't help without all of the information. Thanks for the heads-up.

KWilliams
 
Old April 27th, 2006, 09:53 AM
Banned
 
Join Date: Jul 2005
Posts: 317
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Ok, I received the solution from another forum. You can see the thread at http://www.webdeveloper.com/forum/sh...466#post559466. This is the solution:

Quote:
quote:ok the trick is to set color and background to the same color to make it look the same in IE and FF

Code:

hr { border: 0; width: 99.6%; color: #660000; background-color: #660000; height: 6px; }
And it now works, as you can see on the test page. Thanks to everyone for their help:)

KWilliams





Similar Threads
Thread Thread Starter Forum Replies Last Post
Need help with a validation rule Hliu Access VBA 1 September 3rd, 2008 09:42 AM
Menu control adding 1px padding underneath in IE thenoseknows ASP.NET 2.0 Professional 1 August 31st, 2006 10:19 AM
Writing Rule Problem gaurav_jain2403 SQL Server 2000 5 August 3rd, 2006 12:51 AM
CSS2 Print Question kwilliams CSS Cascading Style Sheets 1 May 17th, 2006 10:42 AM
CSS2 :hover Problem in IE6 kwilliams CSS Cascading Style Sheets 9 April 13th, 2006 02:43 PM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.