[CSS] DIV wird nicht erkannt?

Dieses Thema im Forum "Webdesign" wurde erstellt von Characticl D, 26. Juni 2009 .

  1. 26. Juni 2009
    DIV wird nicht erkannt?

    Hi Leute, kann mir jemand mal kurz sagen, warum der DIV nicht erkannt/angezeigt wird.
    Ist bestimmt was ganz simples, aber ich steh' auf'm Schlauch im Moment.
    Geht um den Header natürlich.

    CSS:

    Code:
    body {
    background-color:#37250d;
    font-family:Verdana,Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FFFFFF;
    /*background-image:url(htt);
    background-repeat:repeat-x;*/
    }  
    
    #header {
    background-image:url('../banner.jpg');
    position: absolute;
    width: 800px;
    height: 180px;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -100px;
    }
    
    HTML:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    
    <title>Home</title>
    
    <meta content="" name="keywords" />
    <meta content="" name="description" />
    
    <link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
    
    <style type="text/css">
    </style>
    
    </head>
    
    <body>
    
    <div id="header"></div>
    
    
    </body>
    
    </html>
    
    Danke schonmal.
     
  2. 26. Juni 2009
    AW: DIV wird nicht erkannt?

    Hey,

    das Div wird richtig erkannt und auch richtig positioniert. Das siehst du, wenn du mal etwas in das Diff hineinschreibst.
    Vielleicht ist der Bildpfad nicht korrekt?Oder nimm erstmal eine Hintergrundfarbe zum testen.


    Gruß Blackbird
     
  3. 26. Juni 2009
    AW: DIV wird nicht erkannt?

    Bei mir ist das nicht so.
    Er zeigt den DIV nicht einmal richtig positioniert an.
    Das kann ich deswegen sagen, denn sobald ich den CSS-Befehl in die HTML oben rein schreibe funktioniert es nämlich.

    Bild ist auf jedenfall dort...
     
  4. 26. Juni 2009
    AW: DIV wird nicht erkannt?

    Bei mir sieht alles top aus, hier nochmal den Code ordentlich eingerückt und den Bereich für css, innerhalb der html-Datei entfent. Ich nutze Firefox 3.0.11

    Welchen Browser nutzt du?

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
     <head>
     <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
     <meta content="" name="keywords" />
     <meta content="" name="description" />
     <title>
     Home
     </title>
     <link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
     </head>
     <body>
     <div id="header">
     <p>
     Test
     </p>
     </div>
     </body>
    
    </html>
    
     
  5. 27. Juni 2009
    AW: DIV wird nicht erkannt?

    also der bildpfad im css ist relativ zu der css datei.

    mach mal border rein, damit du erkennst wo das teil ist

    border: 1px solid #ff0000;
     
  6. 27. Juni 2009
    AW: DIV wird nicht erkannt?

    Hey,

    du meinst also wenn du den CSS-Code in der Header der HTML-Datei machst klappts, wenn du ihn aba in eine externe CSS-Datei auslagerst dann nicht?

    Und wie auch oben schon erwähnt: Welche Browser hast du getestet?

    Gruß Blackbird?
     
  7. 27. Juni 2009
    AW: DIV wird nicht erkannt?

    Was heißt denn für dich "richtig" positioniert, soll das Bild horizontal und vertikal zentriert werden (sieht wegen dem negativen margin so aus), dann musst als Werte die Hälfte der jeweiligen Seite vom Container negiert angeben.

    Das Bild wird mir auch angezeigt, vorausgesetzt es liegt im selben Ordner wie die HTML Datei.
     
  8. 27. Juni 2009
    AW: DIV wird nicht erkannt?

    wenn es mit css im header geht aber mit css im externen sheet nicht würde ich fast tippen dein css sheet hat nen falschen namen/ist falsch positioniert! überprüf das doch nochmal ganz genau!
     
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.