"We are back" « oc.at

CSS Ausrichtung

Forum Index > Software > Coding Stuff

Umlüx 18.09.2019 - 13:24 2139 4
Posts

Umlüx

Huge Metal Fan
Avatar
Registered: Jun 2001
Location: Kärnten
Posts: 9110
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: 816
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: 2342
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: 12168
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: 9110
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 11:33.
Anmeldung

Noch keinen Account?
Jetzt registrieren.

New Posts
Today's Active Threads
Der Unifi/Ubiquiti Thread
11:23 haemma
[Kino]Badlands (New predator movie)
11:18 D-Man
Donald Trump
11:16 Master99
AS SSD Benchmark
11:03 PR1
Dexter: Resurrection
10:53 __Luki__
Linux Gaming
10:44 Lobo
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.012 seconds (SQL-time: 0.008 seconds, 24 queries)
sponsored by www.nessus.at