"Christmas - the time to fix the computers of your loved ones" « Lord Wyrm

CSS Ausrichtung

Forum Index > Software > Coding Stuff

Umlüx 18.09.2019 - 13:24 1906 4
Posts

Umlüx

Huge Metal Fan
Avatar
Registered: Jun 2001
Location: Kärnten
Posts: 8902
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: 747
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: 2330
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: 11910
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: 8902
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:43.
Anmeldung

Join us! | Datenschutz

New Posts
Today's Active Threads
Impressive robot
10:30 Bender
Russische Invasion
10:18 ferdl_8086
Ubiquiti Setup
10:15 BiG_WEaSeL
S: Webcam - wer braucht sowas heutzutage noch?
09:45 Nightstalker
g0t notgeil?
09:35 Jedimaster
Ban-Liste
09:28 böhmi
Latest News
Erweiterung unseres Suche / Biete / Tausche Markplatzes: Alles außer Hardware!
07.04. WONDERMIKE
User of the Moment: Viper780
04.05. böhmi
Serverumzug 2023
27.02. WONDERMIKE
Intel Open Overclocking Championship @ HWBOT
26.06. noizemaker
User of the Month: Kuhlimuh
28.12. 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-2024
overclockers.at v4.thecommunity based on vBulletin 2.2.5
Page generated in 0.033 seconds (SQL-time: 0.030 seconds, 28 queries)
sponsored by www.nessus.at