mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 19:03 Benutzername: Passwort: Auto-Login

Thema: CSS-Ausrichtung? vom 18.07.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> CSS-Ausrichtung?
Seite: 1, 2  Weiter
Autor Nachricht
laienspieler
Threadersteller

Dabei seit: 18.07.2005
Ort: Miltenberg
Alter: 47
Geschlecht: Männlich
Verfasst Mo 18.07.2005 11:21
Titel

CSS-Ausrichtung?

Antworten mit Zitat Zum Seitenanfang

Hallo Miteinander,

ich bin gerade dabei in die Welt des CSS einzusteigen und kann trotz intensivem googeln und Suchen folgendes Problem leider nicht alleine lösen:

Ich möchte nur den nachfolgenden Text vertikal und horizontal zentrieren, scheitere aber kläglich. Hat jemand einen Tipp?


Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" title="Für Browservorschau deaktiviert: test2.css" type="text/css">
<style type="text/css">
<!--

#test {
   height: 400px;
   width: 300px;
   background-color: #CCCCCC;
   text-align: center;
   vertical-align: middle;
   left: 0px;
   top: 0px;
}

#test p {
   color: #006699;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   font-size: 24px;
   font-weight: bold;
}


-->
</style>
</head>
<body>
<div id="test">
  <p>
  Test</p>
</div>
</body>
</html>


Herzlichensten Dank vorab.
RFW
  View user's profile Private Nachricht senden
Glas

Dabei seit: 24.05.2003
Ort: Bremen
Alter: 34
Geschlecht: Männlich
Verfasst Mo 18.07.2005 11:46
Titel

Antworten mit Zitat Zum Seitenanfang

Willst du den Text "test" innerhalb des containers zentrieren, oder den container auf der Seite zentrieren ?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Account gelöscht


Ort: -
Alter: -
Verfasst Mo 18.07.2005 11:49
Titel

Antworten mit Zitat Zum Seitenanfang

$containerZentrierThread = 9999999;
$containerZentrierThread++;
die();
 
Glas

Dabei seit: 24.05.2003
Ort: Bremen
Alter: 34
Geschlecht: Männlich
Verfasst Mo 18.07.2005 11:51
Titel

Antworten mit Zitat Zum Seitenanfang

XSchinkenX hat geschrieben:
$containerZentrierThread = 9999999;
$containerZentrierThread++;
die();


*ha ha*

sorry für ot * Ich bin ja schon still... *
  View user's profile Private Nachricht senden
laienspieler
Threadersteller

Dabei seit: 18.07.2005
Ort: Miltenberg
Alter: 47
Geschlecht: Männlich
Verfasst Mo 18.07.2005 11:54
Titel

Antworten mit Zitat Zum Seitenanfang

XSchinkenX hat geschrieben:
$containerZentrierThread = 9999999;
$containerZentrierThread++;
die();


Hallo Danke für die Antwort,
aber die verstehe ich nicht.

Gruß
RFW
  View user's profile Private Nachricht senden
Glas

Dabei seit: 24.05.2003
Ort: Bremen
Alter: 34
Geschlecht: Männlich
Verfasst Mo 18.07.2005 11:55
Titel

Antworten mit Zitat Zum Seitenanfang

Glas hat geschrieben:
Willst du den Text "test" innerhalb des containers zentrieren, oder den container auf der Seite zentrieren ?



Also?
  View user's profile Private Nachricht senden
laienspieler
Threadersteller

Dabei seit: 18.07.2005
Ort: Miltenberg
Alter: 47
Geschlecht: Männlich
Verfasst Mo 18.07.2005 11:56
Titel

Antworten mit Zitat Zum Seitenanfang

Glas hat geschrieben:
Willst du den Text "test" innerhalb des containers zentrieren, oder den container auf der Seite zentrieren ?


Ebenfalls vielen Dank für die Antwort.

Eigentlich möchte ich beides sowohl vertikal alsauch horizontal zentriert haben, aber bin schon am
verzweifeln.

Gruß
RFW
  View user's profile Private Nachricht senden
Glas

Dabei seit: 24.05.2003
Ort: Bremen
Alter: 34
Geschlecht: Männlich
Verfasst Mo 18.07.2005 11:58
Titel

Antworten mit Zitat Zum Seitenanfang

Hier ist dein zentrierter container ...

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>

<style type="text/css">


#center {
  position:absolute;
  width:400px;
  height:300px;
  left:50%;
  top:50%;
  margin-top:-150px;
  margin-left:-200px;
  background-color: #CCCCCC;
}



</style>
</head>
<body>
<div id="center">

</div>
</body>
</html>
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] Ausrichtung in Container!?
CSS Float und Ausrichtung
Problem mit CSS (Ausrichtung)
[css] Probleme mit Links und Ausrichtung
CSS grafik-rollover ausrichtung
[HTML5/CSS] Ausrichtung von li-Elementen
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.