CSS Ausrichtung

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/css-ausrichtung_254373/page_1 - zur Vollversion wechseln!

Umlüx schrieb am 18.09.2019 um 13:24

ich würde gerne ein <div> fixer breite, aber variabler höhe im browserfenster zentrieren.
das CSS welches ich für solche fälle schon seit ewigkeiten mitschleife sieht etwa so aus (aufs parent angewand, in meinem fall <body> )

Code:

  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;

funktioniert zwar, aber mein problem ist nun, dass das <div> nun über den oberen bildschirmrand hinausfährt wenn dessen inhalt die verfügbare höhe überschreitet. nach unten lässt er mich dann zwar scrollen, aber nach oben nicht.
wie könnte ich das anders lösen?

tia!

Maestro schrieb am 18.09.2019 um 13:38

Bei mir sieht es so aus:

Code:

div#outer {
	display: table;
	height: 100%;
	width: 100%;
}
div#container {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

meepmeep schrieb am 18.09.2019 um 13:42

hat mir schon ein paar mal geholfen : http://howtocenterincss.com/

xtrm schrieb am 18.09.2019 um 13:49

Haha, geile Seite .

Würde das CSS nicht auf den Body anwenden, mach vllt mal ein eigenes div dafür. Du willst einfach scrollable Content haben, wie eine iFrame früher, oder?

Müsst mal bei meiner Website schauen...mom.

*e*

Ok, funzt schon, passt ^^.

Umlüx schrieb am 18.09.2019 um 13:54

hab jetzt mit inspiration von Maestros code den div eh nochmal in einen wrapper gepackt und nun funktioniert es wie gewünscht!

DANKE!