Forum Moderators: not2easy

Message Too Old, No Replies

Text is bold in Firefox only

         

rogue3

10:42 pm on Dec 6, 2010 (gmt 0)

10+ Year Member



I'm having a tough time figuring out why my text appears in bold in Firefox, but works just fine in Chrome, IE and Safari.

I'm in the process up converting my site to a wider, CSS only format.

Here is the CSS div code applying to the newspost sections:
.NewsContent {
background-image: none;
text-align: left;
width: 648px;
background-color: #FFF;
border-right-width: thin;
border-left-width: thin;
border-right-style: solid;
border-left-style: solid;
border-right-color: #CED0E0;
border-left-color: #CED0E0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #CED0E0;
border-top-width: thin;
border-top-style: solid;
border-top-color: #CED0E0;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
margin-top: -5px;
font-weight: normal;
}
.NewsContent p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}


This is nested in this DIV:
.contentCenter {
width: 660px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0;
margin-right: 17px;
margin-left: 23px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


Which is nested in this DIV:
.contentBkrd {
width: 960px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #FFFFFF;
background-image: url(/images/newlayout/mid_content_bkrd.gif);
background-repeat: repeat-y;
background-position: left;
font-weight: normal;
}


Which is nested in the page container:
.containerMain {
width: 960px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #FFFFFF;
background-image: url(/images/newlayout/mid_content_bkrd.gif);
}


I can't see in there anything that would be applying bold to the font. Is there a reason Firefox is doing this? What am I missing?

[edited by: alt131 at 11:53 pm (utc) on May 16, 2011]
[edit reason] Thread Tidy [/edit]

pageoneresults

11:21 pm on Dec 6, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



<b><b>Why is this font bold?</b></b>


It is not your CSS but your HTML markup. It appears your editor is inserting <b> elements at the beginning of each new line. Not only one, but two of them <b><b>.

rogue3

11:36 pm on Dec 6, 2010 (gmt 0)

10+ Year Member



Where are you seeing this? I looked at the page source from both Firefox and IE, as well as the original code itself and I see no such markup.

rogue3

11:55 pm on Dec 6, 2010 (gmt 0)

10+ Year Member



OK, solved! While not exactly as you suspected, you put me on the right track! The text "Site Search:" had a bold tag around it, but the tag was not closed. This was trickling down through all the DIVs.

Thanks!