Archief - image positioneren in de hoek linksonder

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.
Q

QuietKillah

Legacy Member
ik probeer een image in de linkse benedenhoek te krijgen van het browservenster, zonder dat de scrollbalken te voorschijn komen.
ik probeerde het met deze code, en dit lukt, maar de scrollbalk is er.
enig idee hoe ik dit kan oplossen?

de afbeelding in de container zou dus in die hoek smoeten staan.
en de content zou dan weer moeten gecentreerd zijn op het scherm. (wat ook nog niet lukt)

Code: 
@charset "utf-8";
/* CSS Document */
body{
	margin-left:auto;
	padding-left:auto;
	background-color:#000;
	height:100%;
}
#container{
	background:#000 url(images/background.png) no-repeat fixed left bottom;
	/*padding-left:0px;
	margin-left:0px;*/
	width:100em;
	height:100em;
	overflow:hidden;
}
#content{
	background-image:url(images/Website-MM_08.gif);
	height:400px;
	width:800px;
}

ik gebruik deze structuur:
HTML: 
<body>
<div id="container">
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
-

-BVR-

Legacy Member
Hoe kom je in godsnaam aan waarden als '100em'? Zet die achtergrond op je body:

In ieder geval, try this:
Code: 
body {
	background:#000 url(images/background.png) no-repeat fixed left bottom;
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
}
Q

QuietKillah

Legacy Member
die em was door het proberen xD

idd als ik het in de body zet lukt het wel, maar dan kan ik toch men content niet meer eenvoudig centreren doordat de margin op 0px; staat?
kzet dan de margin van men container op auto maar dat doet niet veel ^^
Q

QuietKillah

Legacy Member
nvm fixed it:
Code: 
body{
	margin-left:auto;
	padding-left:auto;
	background:#000 url(images/background.png) no-repeat fixed left bottom;
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
}
#container{
	margin-left:50%;
}
#content{
	margin-left:-400px;
	background-image:url(images/Website-MM_08.gif);
	height:400px;
	width:800px;
}
-

-BVR-

Legacy Member
Zo centreer je horizontaal normaal niet, zo wel:

Code: 
body {
	background:#000 url(images/background.png) no-repeat fixed left bottom;
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
}

#container{
	margin: 0 auto;
        width: 800px;
}

#content{
	background-image:url(images/Website-MM_08.gif);
	height:400px;
	width:100%;
}

En zorg dat 'auto' waarden op je body weg zijn.
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