Wolfgang Kalivoda: Firefox/Safari ignorieren CSS-Angabe in div-Tag

SELF-Forum

Firefox/Safari ignorieren CSS-Angabe in div-Tag

Wolfgang Kalivoda
– Informationen zu den Bewertungsregeln

Hallo!

Ich habe in einem Stylesheet im body-tag ein Hintergrundbild und eine Hintergrundfarbe definiert.

body {
 background:url(img/bodybg2.gif) no-repeat top center;
        background-color: #2c2c2c;
 color: #000;
 font-size: 11px;
 font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        }

Daran anschließend eine weitere Angabe mit Hintergrundfarbe, die vom IE, aber von Firefox und Safari nicht interpretiert werden (width und margin aber schon)

.cnt {
        width: 760px;
 background-color: #ffffff;
 margin: 20px auto 30px;
 }

Danke für die Hilfe im Voraus!

LG, Wolfgang Kalivoda

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Firefox/Safari ignorieren CSS-Angabe in div-Tag

    nam Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Wolfgang

    Das kann ich nicht nachvollziehen. sowohl im Safari, wie auch im Firefox wird alles dargestellt wie erwartet. Hier mein Testcase:

      
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
<head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
  
 <title>Test</title>  
 <style type="text/css">  
 body {  
  background:url(bild.png) no-repeat top center;  
  background-color: #2c2c2c;  
  color: #000;  
  font-size: 11px;  
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
 }  
 .cnt {  
  width: 760px;  
  background-color: #ffffff;  
  margin: 20px auto 30px;  
 }  
</style>  
  
</head>  
  
<body>  
 <p class="cnt">  
  Test  
 </p>  
</body>  
</html>

    Gruss,
    nam

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Firefox/Safari ignorieren CSS-Angabe in div-Tag

      Mathias Brodala Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hallo nam.

      Das kann ich nicht nachvollziehen. sowohl im Safari, wie auch im Firefox wird alles dargestellt wie erwartet. Hier mein Testcase:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      <!-- … -->

        
Das ist kein gültiger DOCTYPE …  
  
  
Einen schönen Mittwoch noch.  
  
Gruß, Mathias  

-- 
ie:% fl:| br:< va:) ls:& fo:) rl:( n4:~ ss:) de:] js:| mo:| zu:)  
  
debian/rules
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Korrektur

        nam Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Upsa!

          
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
<head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
  <title>Test</title>  
  <style type="text/css">  
  body {  
  background:url(bild.png) no-repeat top center;  
    background-color: #2c2c2c;  
    color: #000;  
    font-size: 11px;  
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
  }  
  .cnt {  
    width: 760px;  
    background-color: #ffffff;  
    margin: 20px auto 30px;  
  }  
</style>  
</head>  
<body>  
  <p class="cnt">  
    Test  
  </p>  
</body>  
</html>

        Kritische Blicke überall!

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln