"We are back" « oc.at

CSS Ausrichtung

Forum Index > Software > Coding Stuff

Umlüx 18.09.2019 - 13:24 2044 4
Posts

Umlüx

Huge Metal Fan
Avatar
Registered: Jun 2001
Location: Kärnten
Posts: 8999
18.09.2019 - 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

:)
Avatar
Registered: Nov 2005
Location: Wr. Neustadt
Posts: 766
18.09.2019 - 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

Here to stay
Avatar
Registered: Feb 2006
Location: Wien
Posts: 2337
18.09.2019 - 13:42
hat mir schon ein paar mal geholfen :D: http://howtocenterincss.com/

xtrm

social assassin
Avatar
Registered: Jul 2002
Location:
Posts: 12122
18.09.2019 - 13:49
Haha, geile Seite :D.

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 ^^.
Bearbeitet von xtrm am 18.09.2019, 13:59

Umlüx

Huge Metal Fan
Avatar
Registered: Jun 2001
Location: Kärnten
Posts: 8999
18.09.2019 - 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!
All times are GMT +1 hour. The time now is 10:57.
Anmeldung

Noch keinen Account?
Jetzt registrieren.

New Posts
Today's Active Threads
Hausautomation - Professionell und Eigenbau
10:38 spunz
NVIDIA GeForce RTX 5000 Serie
10:38 Jedimaster
Hausbau Thread
10:36 spunz
Was macht ein Geek gegen die Hitze?
10:19 Römi
Nationalratswahl 2024
10:05 Jedimaster
Der Tastatur Thread
09:20 p1perAT
Latest News
overclockers.at is back!
25.01. mat
User of the Month: disposableHero
28.10. WONDERMIKE
Neues Unterforum: Artificial Intelligence
10.08. WONDERMIKE
Erweiterung unseres Suche / Biete / Tausche Markplatzes: Alles außer Hardware!
07.04. WONDERMIKE
User of the Moment: Viper780
04.05. böhmi
Archives: News Articles
Links

Partners:
» Gamers.at
» Notebookcheck.com

L E F T B A R
Kontakt | Unser Forum | Über overclockers.at | Impressum | Datenschutz
© all rights reserved by overclockers.at 2000-2025
overclockers.at v4.thecommunity based on vBulletin 2.2.5
Page generated in 0.009 seconds (SQL-time: 0.007 seconds, 24 queries)
sponsored by www.nessus.at