[XHTML/CSS] horizontal & vertikal zentrieren

[Benutzer-1170]

Hallo.

Eine Frage an die Websprachenspezis hier . Und zwar geht es darum, Text, Inhalte allgemein, horizontal und vertikal auf einer Seite mittel HTML bzw. XHTML und CSS auszurichten. Leider habe ich das trotz vielem rumgespiele noch nicht hinbekommen. Dies habe ich auch, https://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte, schon zu Hilfe genommen, aber mit XHTML leider nicht mehr vertikal zentriert gehabt.

Danke.

 

[Dreamworker]

so wie hier?! https://www.buntou.de/temp/imagesup/

na dann viel spaß beim quellcode stöbern

 

[strolch00]

margin: auto;

soweit ich weiß.

 

[dirko]

margin:auto; zentriert nur horizontal. Auf der Seite, die Dreamworker nennt, ist's mit ner absoluten Positionierung auf 50% gemacht.

 

[Johnson]

<div style="position:absolute;top:50%;left:50%;">
	text
</div>

funktioniert.

 

[No5251]

Ne, schon eher so wie in der genannten Seite.
Linke obere Ecke des Elements auf die Mitte
schieben und mir margin jeweils wieder um die
Hälfte der Größe des Elements zurückziehen.

 

[Benutzer-1170]

aber wie wird es nun wirklich dynmaisch horizontal und vertikal zentriert

 

[Johnson]

also soweit https://www.koprek.com/test/

aber wie wird es nun wirklich dynmaisch horizontal und vertikal zentriert

Du musst natürlich auch eine Höhe für den Container angeben, sonst klappt das ganze nicht.

#wrapper
    {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 721px;
    height:440px;
    margin-top: -220px;
    margin-left: -360px;
    border:1px solid #000000;
    }

 

[Benutzer-1170]

ja aber es geht doch darum, dass ich das ganze dynamisch haben will. wenn ich drei zeilen text drin habe, dann sollen halt die drei zahlen text mittig sein. warum muss ich da ne höhe angeben

 

[Johnson]

ja aber es geht doch darum, dass ich das ganze dynamisch haben will. wenn ich drei zeilen text drin habe, dann sollen halt die drei zahlen text mittig sein. warum muss ich da ne höhe angeben

Du musst die Höhe nicht angeben, aber du musst wissen, was Höhe/2 ist, da du sonst nicht mittig positionieren kannst.

 

[Benutzer-1170]

kann mir den nun jemand sagen, wie ich das mache?

 

[Graccem]

kann mir den nun jemand sagen, wie ich das mache?

In dem du eine feste Höhe angibst. Dann kannst du dir auch die Hälfte der Höhe errechnen. Dynamische Berechnungen sind mit CSS noch nicht möglich.

Alternativ kannst du dies auch mit JS regeln. Du musst dir die aktuelle Höhe des Objektes besorgen und dann kannst du dir die Hälfte berechnen und mittels JS um diesen Wert verschieben.

 

[Benutzer-1170]

ok, dann habe ich diese box genau in der mitte, aber inhalt der box is ja deswegen nicht ho und ver zentriert.

 

[strolch00]

Sicher das es nur horizontal ist?

https://www.css4you.de/margin.html

Ein Wert
Abstand oben, unten, links und rechts

alternativ auch

Zwei Werte
Der erste Wert für den Abstand oben und unten, der Zweite Wert für links und rechts

Eine Höhe musst Du aber trotzdem auch bei margin ageben sonst gehts freilich net. Sollte aber nach der Beschreibung fuktionieren.

*edit
Habs grad getestet es geht wirklich nur horizontal, seltsam.