[css-d] help with disappearing borders in IE6/Win
Hello to everyone. I am new to this list - just found out about it today while doing some research on css problems. Thought I would give asking for help here a try. I am building a site and on several pages I am using top and bottom borders to highlight section headings. All is well on Netscape FF (Win) and Safari, FF, Netscape Opera (Mac). However, in IE6/Win the borders do not appear. A link to one of the pages is: http://www.housecallcs.com/newWeb/pages/services.htm the same problem occurs on the About Us page. The home page uses the borders, but they show up. The only difference between the two heading, is that on the Services About Us page, I use a negative text-indent a first-child, neither of which are used on the home page. The CSS that includes the border, negative text indent, and first-letter sizing is: #holder h3 { margin-top:10px; font-size:1.125em; text-indent:-0.9em; color:#993233; letter-spacing:.25em; border-top:3px double #245397; border-bottom:3px double #245397; } #holder h3:first-letter { font-size:1.25em; } Any ideas on how I can get the borders to show in IE6? Can I change the CSS, or do I need a hack? BTW, my XHTML and CSS validate (I do have a question on that, but I will wait on it). Thanks for any help you can give me. __ 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/
Re: [css-d] help with disappearing borders in IE6/Win
I think text-indent:-0.9em; is the problem. I've never even heard of text-indent before. Does it work if you take this out? __ 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/
RE: [css-d] help with disappearing borders in IE6/Win
From: Christian Montoya I think text-indent:-0.9em; is the problem. I've never even heard of text-indent before. Christian, http://www.w3schools.com/css/pr_text_text-indent.asp -- Peter Williams __ 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/
Re: [css-d] help with disappearing borders in IE6/Win
Linda Quinn wrote: All is well on Netscape FF (Win) and Safari, FF, Netscape Opera (Mac). However, in IE6/Win the borders do not appear. http://www.housecallcs.com/newWeb/pages/services.htm Several ways to avoid and/or fix that IE/win bug. Almost too many to mention, so I'll just give you a 'in this case' solution. Adding this: #holder {position: relative; padding-top: 1px; margin-top: 0;} ...will fix it based on what you have now. Adjust that margin-top as you like, and note that it's part of a cross-browser stabilization and not part of the bug-fix itself. regards Georg -- http://www.gunlaug.no __ 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/