"We are back" « oc.at

CSS Ausrichtung

Forum Index > Software > Coding Stuff

Umlüx 18.09.2019 - 13:24 2426 4
Posts

Umlüx

Huge Metal Fan
Avatar
Registered: Jun 2001
Location: Kärnten
Posts: 9356
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: 851
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: 2354
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: 12262
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: 9356
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 01:17.
Anmeldung

Noch keinen Account?
Jetzt registrieren.

New Posts
Today's Active Threads
Disney+
23:21 Dreamforcer
Der große Zoll FAQ Thread
23:01 InfiX
oc.at CNC Fräsen Nerd Thread
22:10 LTD
iPhone18 / 18AIR / 18PRO / 18PRO MAX / 17e / Fold / Watch12 /Watch Ultra4 (2026)
21:47 whitegrey
KI-Tools - der Sammelthread
21:13 pinkey
Game Launchers (Steam, Epic, Uplay, Bethesda, usw.)
20:38 D-Man
Latest News
Poll: Sieger Machine 2026
26.08. mat
Wettbewerb: Wir suchen den besten Steam Machine Clone
28.06. mat
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
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.009 seconds (SQL-time: 0.005 seconds, 24 queries)
sponsored by www.nessus.at