mediengestalter.info
Portal Forum Forenarchiv Suche Tutorials Downloads Links Bücher Chat Impressum
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 08.01.2009 07:34 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: 39
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: 26
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
XSchinkenX

Dabei seit: 25.01.2004
Ort: Mars
Alter: -
Geschlecht: -
Verfasst Mo 18.07.2005 11:49
Titel

Antworten mit Zitat Zum Seitenanfang
$containerZentrierThread = 9999999;
$containerZentrierThread++;
die();
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Glas

Dabei seit: 24.05.2003
Ort: Bremen
Alter: 26
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: 39
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: 26
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: 39
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: 26
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
[css] Probleme mit Links und Ausrichtung
CSS grafik-rollover ausrichtung
CSS- Problem mit dynamischer vertikalen ausrichtung
Navigationsleiste-Ausrichtung
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 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.

mediengestalter.info ist ein Projekt von webformatik :: Forensoftware: phpBB © 2001, 2005 phpBB Group