[CSS] Hintergrund für einen container

Dieses Thema im Forum "Webdesign" wurde erstellt von .x-tra, 7. November 2010 .

  1. 7. November 2010
    Hintergrund für einen container

    ich möchte eine webseite basteln.
    hintergrund hab ich gefärbt und möchte nun mit 30px abstand von oben den header hintergrund positionieren.irgendwie funktioniert das jedoch nicht mit folgendem code.

    edit: rätsels lösung war die höhe des bg´s noch mit anzugeben.
    aber dennoch stört mich was...ich hab jetzt ca. 5px rand links und rechts...

    index.html
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de-DE">
    
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>seitenname</title>
     <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
     </head>
    
     <body>
     <div id="aheader">
     
     </div>
     </body>
    
    </html>
    
    style.css
    Code:
    body {
    background-color: #351d01;
    }
    
    #aheader {
    background-image: url("images/header_bg.png");
    background-repeat:repeat-x;
    background-position: 30px 0px;
    }
     
  2. 12. November 2010
    AW: Hintergrund für einen container

    Normalerweise gehört das bg image auch zum body
    //Edit: jetzt seh ich was du machen willst ich depp...
    //Edit: versuch das mal so
     
  3. 15. November 2010
    AW: Hintergrund für einen container

    Code:
    * {
     padding: 0;
     margin: 0;
    }
     
  4. 15. Dezember 2010
    AW: Hintergrund für einen container

    top margin: 10px;
    try this code in your header css I think this may work.
     
  5. 15. Dezember 2010
    AW: Hintergrund für einen container

    erstmal, wie terranova schon sagt, den standardbody margin und padding rausnehmen danach, wie rentalsolutions geschrieben hat deinem #aheader margin-top:30px; geben oder wie viel du haben willst.
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.