Archief - Globale randen toevoegen

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

Unrach

Legacy Member
Hey allemaal,

Mijn website momenteel heeft een oneindige breedte waardoor de inhoud zo zwevend lijkt in het midden bij grote resolutie-schermen. Daarom wil ik aan de linker en rechterkant een klein diepte randje toevoegen.

Ik heb een image gemaakt hiervoor en heb al wat zitten proberen en google maar het lukt me toch niet helemaal.

Ik probeer namelijk een div op positie "absolute" over mijne layout van onder naar boven te plaatsen. Met 100% van de browser hoogte. En dit dus aan 2 kanten.

Iemand ideeën hoe ik dit kan doen? Ik hoop dat mijne uitleg wat duidelijk is.

Dit is wat ik al een beetje heb. Zo staan ze gewoon helemaal links en rechts wat niet de bedoeling is. De website inhoud is gecentreerd en heeft een breedte van 960px :
Code: 
	#rightSider
	{
		background-image:url(img/right_sider.png);
		background-repeat:repeat-y;
		width:10px;
		height:100%;
		position:absolute;
		right:1px;
	}
	#leftSider
	{
		background-image:url(img/left_sider.png);
		background-repeat:repeat-y;
		width:10px;
		height:100%;
		position:absolute;
		left:1px;
	}

Alvast bedankt!
a

adrianhates

Legacy Member
heeft uw container een vaste grootte?
Ge kunt daar toch een background aan geven met een image die maar 1px hoog is met dan rechts en links die randen? Of mis ik het punt?

Anderzijds snap ik niet waarom je absoluut bezig bent..
Je moet die left en right gewoon respectievelijk links en rechts naast uw container plaatsen ( in een nog extra allesomvattende SUPERCONTAINER :p )
U

Unrach

Legacy Member
adrianhates zei:
heeft uw container een vaste grootte?
Ge kunt daar toch een background aan geven met een image die maar 1px hoog is met dan rechts en links die randen? Of mis ik het punt?

Anderzijds snap ik niet waarom je absoluut bezig bent..
Je moet die left en right gewoon respectievelijk links en rechts naast uw container plaatsen ( in een nog extra allesomvattende SUPERCONTAINER :p )
Klik om te vergroten...

Ik ben nog maar pas bezig met CSS enzo.. Dus het kan ook zijn dat ik aan het klungelen ben xD
Het probleem is dat ik geen supercontainer met vaste grote kan maken omdat ik divs heb met een breedte van 100% om de hele browser op te vullen.

Diene borders zouden over een deel divs moeten komen.
H

Homer`

Legacy Member
Waarom zou je een hele pagina willen opvullen (met 100% divs)? Tenzij je echt veel content hebt lijkt me dit raar. Bij widescreen of gwn grote resoluties is alles dan veel te open?
Een maincontainer maken met 800px width en margin(-left en right): auto?

EDIT: ik snap niet wat ge bedoelt :p misschien eens al uw code posten?
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