Presna velkost Height – CSS – Fórum – Programujte.com

Zdravim,

ako dunutit Div pomocou CSS aby mal presne rovnaku vysku ako cela stranka. Div ma position absolute, a top a left 0px,.

Height 100% je len vyska okna prehliadaca. Potrebujem aby tento div prekryl komplet celu stranku, ak je vacsia ako okno prehliadaca, ak je mensia tak potom height 100%. Potrebujem to na podobny efekt ako ma LightBox.

Rozmyslal som aj nad JS, ale do neho sa rozumiem ako koza do kapusty.


Diki za vsetky rady.

Jestli ti jde jen o zobrazeni pozadi, tak je velice jednoduchy trik dat tomu prvku tyhle dve vlastnosti:

	padding-bottom: 32767px;

	margin-bottom: -32767px; 

Ide mi o DIV , ktory bude roztiahnuty rovnomerne "nad" strankou a bude obsahovat transparentny PNG cim zneprehladni stranku...

tym padding-om a margin-om asi neprimerane moc roztiahnem stranku... ci??

Please skuste mi napisat ako by to CSS mohlo vyzerat

Dakujem velmi pekne..

Ne,praveze to neni hmotne, takze to stranku neroztahne. Jinak na zakryvani muzes v klidu pouzit div s position absolute na 0 0 a viskou a sirkou 32000 a nemusis nic resit, ja to taky tak delam.

CommanderZ napsal:
Ne,praveze to neni hmotne, takze to stranku neroztahne. Jinak na zakryvani muzes v klidu pouzit div s position absolute na 0 0 a viskou a sirkou 32000 a nemusis nic resit, ja to taky tak delam.

No tak predsa... NEFUNGUJE, normalne to roztiahne stranku, ako som si myslel. Asi najlepsim riesenim bude JS Script.

Potrebujem presne toto iste (okrem zobrazenia tej fotky): http://www.huddletogether.com/projects/lightbox/


A tu je moj vycuc z JS toho zdrojaka:

//

// getPageScroll()

// Returns array with x,y page scroll values.

// Core code from - quirksmode.org

//

function getPageScroll(){



	var yScroll;



	if (self.pageYOffset) {

		yScroll = self.pageYOffset;

	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict

		yScroll = document.documentElement.scrollTop;

	} else if (document.body) {// all other Explorers

		yScroll = document.body.scrollTop;

	}



	arrayPageScroll = new Array('',yScroll) 

	return arrayPageScroll;

}







//

// getPageSize()

// Returns array with page width, height and window width, height

// Core code from - quirksmode.org

// Edit for Firefox by pHaez

//

function getPageSize(){

	

	var xScroll, yScroll;

	

	if (window.innerHeight && window.scrollMaxY) {	

		xScroll = document.body.scrollWidth;

		yScroll = window.innerHeight + window.scrollMaxY;

	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac

		xScroll = document.body.scrollWidth;

		yScroll = document.body.scrollHeight;

	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari

		xScroll = document.body.offsetWidth;

		yScroll = document.body.offsetHeight;

	}

	

	var windowWidth, windowHeight;

	if (self.innerHeight) {	// all except Explorer

		windowWidth = self.innerWidth;

		windowHeight = self.innerHeight;

	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode

		windowWidth = document.documentElement.clientWidth;

		windowHeight = document.documentElement.clientHeight;

	} else if (document.body) { // other Explorers

		windowWidth = document.body.clientWidth;

		windowHeight = document.body.clientHeight;

	}	

	

	// for small pages with total height less then height of the viewport

	if(yScroll < windowHeight){

		pageHeight = windowHeight;

	} else { 

		pageHeight = yScroll;

	}



	// for small pages with total width less then width of the viewport

	if(xScroll < windowWidth){	

		pageWidth = windowWidth;

	} else {

		pageWidth = xScroll;

	}





	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 

	return arrayPageSize;

}

T s tim roztahovanim mi neni jasne, me to neroztahovalo a to jsem to delal jak jsem rikal. Zkus si pohrat s ostatnimi CSS parametry.

Jinak ty funkce jsou podle me spis urcene k umisteni toho okynka s tim obrazkem.