Ergebnis 1 bis 4 von 4

Thema: CSS div Problem

  1. #1
    Unregistriert
    Gast

    Standard CSS div Problem

    Wie muss ich ein DIV in CSS gestalten, sodass der Text links vom DIV Anfang anfängt und nicht ganz links von der Seite. Leider ein wenig schwer zu beschreiben für mich, bin totaler Anfänger was CSS angeht..

    Hier ein Beispiel:


    Das rote ist der Hintergrund der Website und das Schwarze ist ein Bild, auf diesem Bild soll meine Website sein und das rote soll einfach nur als Rand dienen...


    Mein CSS:

    body {
    background: #000;
    }

    #site {
    background: #000 url('images/site.png') no-repeat center top;
    height: 1923px;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: CSS div Problem

    Ungetestet:
    CSS
    Code:
    body {
      background-color: #ff0000;
    }
    * html #main {
    height: 100%;
    } 
    #main {
       position: relative;
       width : 900px;
       margin : 0 auto;
       background: #000 url('images/site.png') no-repeat center top;
       min-height: 100%;
    }
    #content {
       width : 100%;
       padding: 30px;
    }
    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" xml:lang="en">
    <head>
     <link rel="stylesheet" type="text/css" href="css/style.css" />
     <title>Test</title>
     </head>
     <body>
       <div id='main'>
        <div id='content'>
          Dein Inhalt
        </div>
       </div>
    </body>
    </html>

  3. #3
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: CSS div Problem

    Ich erlaube mir mal ein paar klitzekleine Verbesserungen vorzunehmen zum Vorschlag von Bandit.

    CSS
    Code:
    * {
         margin-top: 0;
    }
    html, body {
         height: 100%;
    }  
    body {
        background-color: red; 
        margin: 0;
        padding: 0 5px;
    }
    #content {
       top:0;
       height: 100%;
       padding: 0;
       color:white;
       width : 500px;
       margin : 0 auto;
       background: #000 url('images/site.png') no-repeat center top;
                
    }
    HTML
    Code:
    <!DOCTYPE HTML>
    <html lang="de">  
        <head>  
            <meta charset="utf-8">  
            <title>Beispielseite</title>  
        </head>  
        <body>      
            <div id='content'>      
                <p>Dein Inhalt</p>       
            </div>  
        </body>
    </html>

  4. #4
    Unregistriert
    Gast

    Standard AW: CSS div Problem

    Vielen Dank! Hat mir sehr geholfen.

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •