HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - div mit css zentrieren?!

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

div mit css zentrieren?!

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Takeshi



Anmeldungsdatum: 07.07.2008
Beiträge: 1

BeitragVerfasst am: 07.07.2008 21:46:24    Titel: div mit css zentrieren?! Antworten mit Zitat

Ich bekomme ein div-Element einfach nicht mit CSS zentriert. Ich habe eins erstellt mit Textinhalt und eingefärbt, so dass man es vom hintergrund unterscheiden kann. Die Breite habe ich auf einen festen Wert in px eingestellt und möchte das Element nun zentriert haben. Wenn ich kein CSS benutze, dann gehts, aber halt nicht nur mit CSS und ich will es ja "vernünftig" machen.

So gehts (gekürzt):
Code:
<head>
 <title>Test</title>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
 <meta name="description" content="testseite">
 <style type="text/css">
  body {
   background-color: #AFAFAF;
   margin: 0px;
  }
  .div1 {
   background-color: #5FAFAF;
   width: 900px;
  }
 </style>
</head>

<body>
 <center>
  <div class="div1">
   text
  </div>
 </center>
</body>


So gehts auch (gekürzt):
Code:
<head>
 <title>Test</title>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
 <meta name="description" content="testseite">
 <style type="text/css">
  body {
   background-color: #AFAFAF;
   margin: 0px;
  }
  .div1 {
   background-color: #5FAFAF;
   width: 900px;
  }
 </style>
</head>

<body>
 <div align="center">
  <div class="div1">
   text
  </div>
 </div>
</body>


Und so gehts nicht (gekürzt)
Code:
<head>
 <title>Test</title>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
 <meta name="description" content="testseite">
 <style type="text/css">
  body {
   background-color: #AFAFAF;
   margin: 0px;
  }
  .div1 {
   background-color: #5FAFAF;
   width: 900px;
  }
 </style>
</head>

<body>
 <div style="text-align: center;">
  <div class="div1">
   text
  </div>
 </div>
</body>


Wie kann ich das lösen? Danke schon mal!
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
matchless
Forumsteilnehmer


Anmeldungsdatum: 15.11.2007
Beiträge: 11

BeitragVerfasst am: 31.07.2008 13:09:57    Titel: Antworten mit Zitat

margin: 0 auto;

gruß
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.