Vertikalno i horizontalno centrirana stranica sa prelijevanjem zaglavlja i podnožja

pozdrav ljudi!

imam stranicu sa fiksnim dimenzijama koja bi trebala biti centrirana (plavi pravokutnik). iznad i ispod nje dolaze neke slike koje bi se trebale prelijevati preko ruba kod promjene veličine browsera bez da se pojavi scrollbar. ispod je primjer.

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta content="hr" http-equiv="Content-Language" />
	<title>Centrirano</title>
	<style type="text/css" media="screen" >
		*{
			padding: 0px;
			margin: 0px;
		}
			html, body {
			height:100%;
		}
		#distance { 
			width:1px;
			height:50%;
			margin-bottom:-200px; 
			float:left;
		}
			#centrirano {
		 	margin: 0 auto;
		 	position: relative;
		 	text-align: left;
		 	height: 400px;
		 	width: 700px;
		 	clear: left;
		 	border: 2px solid blue;
		 }
		 #gornji_okvir{
		 	position: absolute;
		 	top: -56px;
		 	overflow: hidden;
		 	left: -2px;
		 	width: 700px;
		 	height: 50px;
		 	border: 2px solid red;
		}
	</style>	
</head>
<body>
	<div id="distance">
	</div>
	<div id="centrirano">
		<div id="gornji_okvir">
		</div>
	</div>
</body>
</html>

dakle, scrollbar bi se trebao pojaviti tek kada se prozor smanji ispod veličine plavog okvira. uspio sam dobiti okvir sa gornje strane pomoću negativnih margina. Zna li netko kako dobiti istu stvar sa doljnje strane, bez da se pojavi scrollbar?

Ti ocito koristis IE jer u Firefox-u je fino centrirano.

Da bi centrirao u IE dodaj: body { text-align: center; }

ovako nesto na brzinu:
[HTML]

Centrirano *{ padding: 0px; margin: 0px; } html, body { height:100%; } #distance { width:1px; height:50%; margin-bottom:-200px; float:left; } #centrirano { margin: 0 auto; position: relative; text-align: left; height: 400px; width: 700px; clear: left; border: 2px solid blue; } #gornji_okvir{ position: relative; top: -56px; overflow: hidden; left: -2px; width: 700px; height: 50px; border: 2px solid red; } #donji_okvir{ position: relative; top: 348px; overflow: hidden; left: -2px; width: 700px; height: 50px; border: 2px solid red; }
[/HTML]

hvala konfjuzd ali shema je da se ne pojavi vertikalni scrollbar kad smanjim prozor preko gornjeg i doljnjeg crvenog okvira.
u operi i safariju overflow: hidden; kulturno sakrije scrollbar ali u firefoxu on još uvijek postoji čim se pređe doljnji okvir. i internet exploreru se pojavi neki fantomski scrollbar. ima kakva šansa da se i toga riješim?

[quote=“macgywer”]hvala konfjuzd ali shema je da se ne pojavi vertikalni scrollbar kad smanjim prozor preko gornjeg i doljnjeg crvenog okvira.
u operi i safariju overflow: hidden; kulturno sakrije scrollbar ali u firefoxu on još uvijek postoji čim se pređe doljnji okvir. i internet exploreru se pojavi neki fantomski scrollbar. ima kakva šansa da se i toga riješim?[/quote]

[HTML] body {
overflow:hidden;
}
[/HTML]

provjerio u ff3.6, ie 8 i operi.

valjda je to to

[quote=“macgywer”]hvala konfjuzd ali shema je da se ne pojavi vertikalni scrollbar kad smanjim prozor preko gornjeg i doljnjeg crvenog okvira.
u operi i safariju overflow: hidden; kulturno sakrije scrollbar ali u firefoxu on još uvijek postoji čim se pređe doljnji okvir. i internet exploreru se pojavi neki fantomski scrollbar. ima kakva šansa da se i toga riješim?[/quote]

IE po defaultu ima scroolbar, koji je stalno prisuta cak i ako nema potrebe za njim, mislim da se njega nemozes rijesit


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja