Archief - xHTML: background moet zich aanpassen aan andere 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.

GenesisX

Legacy Member
http://users.telenet.be/hydrofive/XHTML/

Die afbeelding met het wit erin, die nu als achtergrond staat van de div LeftBorder, zou zich moeten aanpassen aan de hoogte van de div genaamd Center. Ik heb al een tijdje zitten zoeken, maar iets dat mijn toch maar een beetje vooruit helpt heb ik tot nu toe nog niet gevonden. In afwachting zoek ik voort..

Ik ben nog maar juist begonnen met xHTML, dus don't blame me als ik hier iets verkeerd doe fzo. ;)

Merci

CSS
Code:
<style type="text/css" id="stylesheet">
<!--
	body {
		font-family: Arial;
		font-size: 12px;
		background-image: url(images/bg.png);
		height: 100%;
	}
	#MainContainer{
		width: 612px; /*The width of our layout*/
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		/*Margin left and right set to auto center's our layout*/
		text-align: left; /*Resets the text alignment*/
	}
	
	#LeftBorder{
	width: 6px;
	float: left;
	height: 100%;
	background-image: url(images/leftborder.png);
	}
	#Center{
		width: 600px;
		height: 100%;
		float: left;
		background-color: #545b66;
		text-align: center;
	}
	#RightBorder{
	width: 6px;
	float: right;
	height: 100%;
	background-image: url(images/rightborder.png);
	
	}
-->
</style>

HTML
Code:
<!--xHTML Division Test STARTpoint-->
<div id="MainContainer">
	<div id="LeftBorder">&nbsp;</div>
	<div id="Center">
		HI!<br /><br /><br /><br />blub :)
	</div>
	<div id="RightBorder">&nbsp;</div>
</div>
<!--xHTML Division Test ENDpoint-->

BertG

Legacy Member
bekijk es de source van mijn site (www.bertg.be) en de css...
Ik heb dat probleem opgelost, was niet evident om het op alle browser te flikken.

GenesisX

Legacy Member
Ik ben het een beetje aan het bekijken, maar ik geraak er echt niet uit hoe je dat doet.. Kun je aub een beetje meer uitleg geven? Voor de rest zoek ik mij er dan wel uit als ik het begrijp. Bedankt :)

Ik heb nu overal dit toegevoegd:
Code:
position: fixed
en de margins aangepast en dan stretcht ie over de gehele browser zoals het zou moeten zijn. Is er daar iets mis mee of mag ik dat zo laten staan?

Maar dan krijg je natuurlijk weer in IE dat het helemaal opgef*ckered is! Argh! :p

GenesisX

Legacy Member
Iemand die weet hoe ik het in IE ook kan laten werken? :)
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