compatibility issues

• ndmmxiaomayi

  4 May 06, 12:07

  Wrote some html codes, but different browsers can't display the same thing.
  
  Test codes:
  

  code:

  
  
  
  
  
  
  
  
  
  Welcome
  My name is mayi
  
  test
  
  test
  
  test
  
  test
  
  test
  
  test
  
  
  
  

  
  
  CSS codes:
  

  code:

  body {
  font-family: Verdana, sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: black;
  font-style: bold;
  background-color: white;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;}
  p {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: blue;}
  h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, sans-serif;
  h1 {
  font-size: 18px;
  color: orange;}
  h2 {
  font-size: 17px;
  color: blue;}
  h3 {
  font-size: 16px;
  color: blue;}
  h4 {
  font-size: 15px;
  color: blue;}
  h5 {
  font-size: 14px;
  color: blue;}
  h6 {
  font-size: 13px;
  color: blue;}

  
  
  On Firefox, the text becomes all black, on IE, the text are displayed correctly. Can someone help me to correct it?
• meltz

  4 May 06, 12:39

  html
  
  
  
  
  
  
  
  
  
  Welcome
  
  

  My name is mayi

  
  
  

  test

  
  
  

  test

  
  
  

  test

  
  
  

  test

  
  
  

  test

  
  
  

  test

  
  
  
  
  
  --------------------------------------
  
  css
  
  body{
  font-family: Verdana, sans-serif; font-size: 20px; margin: 0px 0px 0px 0px; font-weight: bold;
  }
  
  p{
  font-size: 12px; font-weight: normal; color: blue;
  }
  
  h1{
  font-size: 18px; color: orange;
  }
  
  h2{
  font-size: 17px; color: blue;
  }
  
  h3{
  font-size: 16px; color: blue;
  }
  
  h4 {
  font-size: 15px; color: blue;
  }
  
  h5 {
  font-size: 14px; color: blue;
  }
  
  h6{
  font-size: 13px; color: blue;
  }
• ndmmxiaomayi

  4 May 06, 13:03

  Thanks meltz. Now correct.