"We are back" « oc.at

CSS Ausrichtung

Forum Index > Software > Coding Stuff

Umlüx 18.09.2019 - 13:24 2285 4
Posts

Umlüx

Huge Metal Fan
Avatar
Registered: Jun 2001
Location: Kärnten
Posts: 9257
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: 831
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: 2353
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: 12232
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: 9257
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 16:16.
Anmeldung

Noch keinen Account?
Jetzt registrieren.

New Posts
Today's Active Threads
AMD Zen 5
16:08 Viper780
Billa sux!
16:03 Jedimaster
Wien Energie SuperSchnell
15:52 Viper780
Magenta Sammelthread (vorm. UPC)
15:36 voyager
Verkauf auf Willhaben - eure Meinung dazu
14:57 Dargor
Handyfotografie -> Tolle Fotos mit dem Handy!
12:12 Viper780
Latest News
Eine letzte Chance für das WEP?
21.09. mat
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
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-2026
overclockers.at v4.thecommunity based on vBulletin 2.2.5
Page generated in 0.023 seconds (SQL-time: 0.020 seconds, 24 queries)
sponsored by www.nessus.at