amakeler Posted November 30, 2008 Share Posted November 30, 2008 Hi all,I have a border that I made with CSS above and below a paragraph: .para-with-border { border-style: solid; border-width: 10px 0px 10px 0px; border-color: #DA251D; text-align: center; padding: 20px 0px 20px 0px; margin: 0px;}However it works with FireFox and IE7, but with IE6 the border is completely missing.Ideas?Tia, - avi Link to comment Share on other sites More sharing options...
Ingolme Posted November 30, 2008 Share Posted November 30, 2008 Are you using a Strict DTD?And what does the HTML of the element look like? Link to comment Share on other sites More sharing options...
amakeler Posted December 1, 2008 Author Share Posted December 1, 2008 >> Are you using a Strict DTD?Don't know :-)>> And what does the HTML of the element look like?below, with the current class naming..page_heading_graphic { border-style: solid; border-width: 10px 0px 10px 0px; border-color: #DA251D; text-align: center; padding: 20px 0px 20px 0px; margin: 0px;}<p class="page_heading_graphic"><img alt="" height="141" src="Zeaka%20Logo%20-%20back%20dark.png" width="735"> </p>Thanks,- avi Link to comment Share on other sites More sharing options...
Ingolme Posted December 1, 2008 Share Posted December 1, 2008 I see the border correctly in Firefox and Internet Explorer 7.But I notice your site has no DTD at all. This means it will be displayed in quirks mode. This usually makes it hard to make the site look right on all browsers.You should put this before the rst of the code in your page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> And I recommend that you add this to your CSS because it's causing your page to be offset from the edges in Internet Explorer. html,body { margin: 0; padding: 0; } Link to comment Share on other sites More sharing options...
amakeler Posted December 1, 2008 Author Share Posted December 1, 2008 Now it centers it great.But still no border.- avi I see the border correctly in Firefox and Internet Explorer 7.But I notice your site has no DTD at all. This means it will be displayed in quirks mode. This usually makes it hard to make the site look right on all browsers.You should put this before the rst of the code in your page:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> And I recommend that you add this to your CSS because it's causing your page to be offset from the edges in Internet Explorer. html,body { margin: 0; padding: 0; } Link to comment Share on other sites More sharing options...
Jerry62704 Posted December 2, 2008 Share Posted December 2, 2008 >> Are you using a Strict DTD?Don't know :-)>> And what does the HTML of the element look like?below, with the current class naming..page_heading_graphic { border-style: solid; border-width: 10px 0px 10px 0px; border-color: #DA251D; text-align: center; padding: 20px 0px 20px 0px; margin: 0px;}<p class="page_heading_graphic"><img alt="" height="141" src="Zeaka%20Logo%20-%20back%20dark.png" width="735"> </p>Thanks,- aviThe assumption is the graphic is in the root of the webpage. Better would be to have it in its own directory. Further, the assumption is the width is in pixels. Best would be to explicitly state that. Why do you have a space after the image?Finally, close the tag ( ... width="735px" />) Link to comment Share on other sites More sharing options...
Jerry62704 Posted December 2, 2008 Share Posted December 2, 2008 Hi all,I have a border that I made with CSS above and below a paragraph: .para-with-border { border-style: solid; border-width: 10px 0px 10px 0px; border-color: #DA251D; text-align: center; padding: 20px 0px 20px 0px; margin: 0px;}However it works with FireFox and IE7, but with IE6 the border is completely missing.Ideas?Tia, - aviIt worked for me in IE6. Did you have the DOCTYPE in your page? Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.