Le gras et l'Italique ne sont pas de travail dans Firefox ou Chrome

Gras <b></b> et en Italique <i></i> balises de s'afficher correctement sur l'iPhone et Internet Explorer, mais il n'y a pas de mise en forme dans Firefox ou Chrome.

Voici la .les fichiers css. J'ai aussi essayé d'ajouter dans i { font-style:italic; } séparément dans de Réinitialisation et de Style. 

Color.css:
body {
color: #fff;
background-image: url(../img/background-red.png);
}
Reset.css:
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
input, textarea, button
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul, dl {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
Style.css:
html, body {
height: 100%;
}
body {
margin: 0;
overflow: hidden;  
font: normal 18px/1.4 'Open Sans', Arial, Helvetica, sans-serif;
background-position: left top;
background-repeat: no-repeat;
}
.panel {
position: absolute;
z-index: 0;
background: #fff;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-moz-box-shadow: 0 0 10px #fff;
-webkit-box-shadow: 0 0 10px #fff;
box-shadow: 0 0 10px #fff;
}
.content {
max-width: 45%;
margin: 100px;
float: left;
position: relative;
z-index: 1;    
}
h1 {
font-size: 72px;
line-height: 56px;
font-weight: 300;    
}
h2 {
margin: 15px 0 50px;    
font-size: 30px;
line-height: 30px;    
font-weight: 300;    
}

Voici le code HTML, j'ai essayé d'utiliser <strong>asdf</strong> pour voir si elle allait se mettre du texte en gras, mais il ne.

<div class="content">
<h1>adssda</h1>
<h2>dasdasdsa</h2>
<p><i><strong>sadsad</strong>asdsad</i></p><br>
sadasddsa<br><br>
<strong>asdasd</strong><br><br>
<p><strong>asdasd</strong></p><br>
</div>

Pourquoi le texte en gras le même aspect que le texte normal?

InformationsquelleAutor userrandomnums | 2013-03-19
  1. 4

    La font: inherit dans votre principale réinitialisation du bloc(le premier en vertu de la réinitialisation de l'en-tête) est à l'origine de l'ensemble de vos polices sur la page de réinitialisation. En effet, pas même la fixation du html non valide valide résout ce, votre css à l'esprit.

    Commentant cette propriété corrige votre texte.

    • Il y a une parenthèse fermante, accidentellement raté que lors de la publication. J'ai supprimé la police: hériter d'une partie, mais malheureusement c'est toujours le même, même après la fixation de la forte HTML problème.
    • Si votre site web est en ligne.. pourriez-vous un lien pour ça? Il serait plus facile à déboguer, étant donné qu'il doit travailler comme indiqué dans la dernière démo.
    • Hey, je pense que ça fonctionne réellement. Mon ami m'a dit qu'elle voit la mise en forme donc je suppose qu'il doit être le cache de mon navigateur. Merci pour votre aide!
    • Bienvenue; heureux, j'ai été en mesure d'aider.
    InformationsquelleAutor Daedalus
  2. 4

    Firefox a du mal avec certaines balises comme <b>, <strong> et <i> balises pour une raison quelconque. C'est un bug dans le navigateur firefox lui-même. Essayez une autre version de firefox et les choses seront différentes.

    Voici la solution qui fonctionne pour tout le monde, Ajoutez ceci à votre fichier CSS:

    strong, b {
font-weight: bold;
}

    C'est un CSS remplacent. Maintenant firefox rend le texte en gras comme ce au lieu de cela.

    InformationsquelleAutor Eric Leschinski
  3. 0

    Maintenant remplacer dans ce code 

    <p><strong><i>sadsad</strong>asdsad</i></p><br>
sadasddsa<br><br>
<strong>asdasd</strong><br><br>
<p><strong>asdasd</strong></p><br>

    dans ce 

    <p><strong><i>sadsad</i></strong><i>asdsad</i></p><br>
sadasddsa<br><br>
<strong>asdasd</strong><br><br>
<p><strong>asdasd</strong></p><br>

    Démonstration En Direct

    InformationsquelleAutor Rohit Azad
  4. 0

    C'est parce que votre code HTML est mal formé.

    Vous êtes à la fermeture de la </strong> avant la </i>

    Devrait être

    <div class="content">
<h1>adssda</h1>
<h2>dasdasdsa</h2>
<p><i><strong>sadsad</strong>asdsad</i></p>
<br>
sadasddsa
<br>
<br>
<strong>asdasd</strong>
<br>
<br>
<p><strong>asdasd</strong></p>
<br>
</div>
    InformationsquelleAutor VVV
  5. 0

    Je pense que la BALISE de fermeture de l'erreur, en HTML

    <p><strong><i>sadsad</strong>asdsad</i></p><br>

    cela devrait être comme cela

    <p><i><strong>sadsad</strong>asdsad</i></p><br />

    Balise d'ouverture doit fermé avec dans la même balise c'est pour éviter les erreurs.

    InformationsquelleAutor MarmiK
  6. 0

    Les éléments HTML sont dans l'arborescence.
    Votre éléments ne sont pas fermées comme ils étaient ouvertes.
    par exemple-

    <div>
<p>
<i>
<strong> sadsad
</strong>
</i>
</p>
</div>
    InformationsquelleAutor FraZer