• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Darstellungsproblem in Firefox

V

veritas696

Neues Mitglied
wahrscheinlich ein absolutes Anfängerproblem aber ich komm nich drauf :-?

folgender Code:
html:
Code: 
<!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>
  <title>Testpage</title>
  <link rel="stylesheet" type="text/css" href="test_styles.css" />
</head>

  <body>
    
        <div id="footer">
          <p> TEST </p>
        </div>
      
  </body>
</html>
css:
Code: 
#headfooter{
          border:         1px solid #000000;            
          padding:        2px 2px 2px 2px;              
          margin:         75px 0px 0px 0px;             
          width:          inherit;                        /* Breite */
          height:         20px;                         /* Höhe */
}
Im IE befindet sich der Text innerhalb des umrahmten DIVS. Im Firefox hingegen steht der Text unterhalb des DIVS, quasi über den Rahmen drübergeschrieben. Kann das mal jemad testen und vergleichen ob das bei ihm genauso erscheint. Woran liegt das ? was beachte ich nicht?

Edit: wer lesen kann is klar im Vorteil! hab grad das FAQ dazu gesehen, Thema kann geschlossen werden. tut mir Leid...
 
Zuerst ist dein div völlig überflüssig, da es nichts gruppiert. Schmeiß es raus und formatier das p direkt.
Dann kann dein CSS garnicht angewendet werden, da es in deinem HTML kein Element mit der id headfooter gibt, da gibt es nur eines mit der id footer.
 
hmmmm :mrgreen: Es sollte auch nur eine sehr vereinfachte Form meines Problems darstellen. den Namen "headfooter" hab ich in der html-datei noch geändert aber in der css-datei vergessen anzupassen(beim Beitrag editieren) da der Name sich einfach viel zu bescheurt angehört hat (Kopffuss). wie gesagt hat sich schon erledigt :wink:
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben