Archief - CSS: Floating DIV

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
R

Ramm

Legacy Member
Ik zoek dus een code om een DIV in het midden te laten zweven. Niet enkel horizontaal, maar ook verticaal (liefst meebewegend met het scherm, maar niet noodzakelijk). Om hem horizontaal te centreren gebruik ik volgende code, maar om hem dan ook nog eens verticaal te centreren vind ik niet meteen welke code ik moet gebruiken:

Code: 
body{
  text-align: center;
}

#floatingdiv{
  text-align: left;
  margin: auto;
  width: 300px;
}
R

Radiance

Legacy Member
google: css dead center
Het kan bij mijn weten alleen op die manier.
R

RpR

Legacy Member
vertical-align: middle

maar zie eens stickies daar vind je het antwoord.
Gewoon CTRL+F centreren en de 2de hit is wa je zoekt.
G

GenesisX

Legacy Member
Code: 
#maincontainer {
	align: center;
	width: 700px; /* Width */
	height: 100%; /* Height */
	display: table;
	
	margin-left: auto;
	margin-right: auto; /* Center the layout */
	text-align: left; /* Resets text alignement */
	
	background-color: #FFFEE6;
	
	/* under = IE */
	height: 1px;
}

Je haalt er maar uit wat je wilt :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan