Homepageinhalt in die Mitte

Dieses Thema im Forum "Web Page Design" wurde erstellt von macmell, 23.10.2005.

  1. macmell

    macmell Thread Starter MacUser Mitglied

    Beiträge:
    49
    Zustimmungen:
    0
    Mitglied seit:
    30.07.2004
    Wie bekomm ich den Inhalt meiner Homepage in die Mitte (Dreamweaver)?

    Funktioniert das mit Seiteneinstellungen - Ränder?

    Thanx for Help


    :) :) :)
     
  2. cashmere

    cashmere MacUser Mitglied

    Beiträge:
    55
    Zustimmungen:
    0
    Mitglied seit:
    22.10.2005
    eine möglichkeit wäre, den inhalt des bodys mit css zu zentrieren:

    Code:
    body {
      text-align:center;
    }
    dann braucht man allerdings noch einen container für den content:

    Code:
    #container {
    	width: 750px;
    }
    im quellcode sieht das dann so aus:

    Code:
    <body>
    <div id="container">
    
    dein inhalt
    
    </div>
    </body>
    
     
  3. macmell

    macmell Thread Starter MacUser Mitglied

    Beiträge:
    49
    Zustimmungen:
    0
    Mitglied seit:
    30.07.2004

    Muß ich das jetzt alles im code eingeben? Kannst du mir das ein bisschen genauer erklären, bin leider noch ein blutiger Anfänger...

    Vielen Dank!!!
    :rolleyes:
     
  4. cashmere

    cashmere MacUser Mitglied

    Beiträge:
    55
    Zustimmungen:
    0
    Mitglied seit:
    22.10.2005
    das erklärt sich mit einem blick auf den quellcode von selbst:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html>
    <head>
    <title>Beispiel</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <style type="text/css">
    <!--
    body {
    text-align:center;
    }
    
    #container{
    color:#000000;
    background:#CCCCCC;
    width:760;  
    text-align:left; 
    }
    -->
    </style>
    </head>
    <body>
    <div id="container">
    <p> Lorem ipsum dolor sit amet</p>
    </div>
    </body>
    </html>
    
    das beispiel kannst du so wie es ist als .html-datei abspeichern und im browser angucken. mit "body { text-align:center; }" wird der inhalt der seite zentriert. der container wird dann zentriert dargestellt, und du kannst eine seiteninhalte in den container einfügen.

    mehr zu diesem thema findest du
    hier.
     
  5. elritmo

    elritmo MacUser Mitglied

    Beiträge:
    1.096
    Zustimmungen:
    0
    Mitglied seit:
    30.12.2003
  6. macmell

    macmell Thread Starter MacUser Mitglied

    Beiträge:
    49
    Zustimmungen:
    0
    Mitglied seit:
    30.07.2004
    Alles klar, danke jetzt hab ichs gecheckt!!

    clap
     
Die Seite wird geladen...

Diese Seite empfehlen