Rozlišenie

T.o.m

hojky potreboval by som pomocť spravil som stranku a potrebujem aby sa podla rozlišenia monitora menil rozmer stranky a stale centrovalo priblizne do stredu obrazovky lebo takto ako to je teraz je to dobre iba pri rozlišku 1280:1024 a ja to chcem aj pre rozliško 1024:768.... chcem aby sa menila ta časť ktora je na obrazku v cervenom ramceku aby sa rozširovala alebo zmenšovala...
Obrazok

Kód: Vybrať všetko

http://obrazok.eu/img/1/syeoca3150y8biep67b7.jpg

index.html

Kód: Vybrať všetko

<html>
<head>
<title>.:Mirau Collection for kids:.</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<div id="Tabulka_01">
	<div id="Web-Mirau-priprava2-02">
	</div>
	<div id="Web-Mirau-priprava2-03">
	</div>

	<div id="Web-Mirau-priprava2-04">
	</div>
	<div id="Web-Mirau-priprava2-05">
	</div>
	<div id="Web-Mirau-priprava2-06">
	</div>
	<div id="Index">
		<a href="index.html"><img src="images/Index.gif" width="88" height="43" alt="" border="0"></a>
	</div>

	<div id="Galery">
		<a href="galery.html"><img src="images/Galery.gif" width="91" height="43" alt="" border="0"></a>
	</div>
	<div id="Baby">
		<a href="baby.html"><img src="images/Baby.gif" width="91" height="43" alt="" border="0"></a>
	</div>
	<div id="Girls">
		<a href="girls.html"><img src="images/Girls.gif" width="91" height="43" alt="" border="0"></a>
	</div>

	<div id="Boys">
		<a href="boys.html"><img src="images/Boys.gif" width="91" height="43" alt="" border="0"></a>
	</div>
	<div id="Kontakt">
		<a href="kontakt.html"><img src="images/Kontakt.gif" width="91" height="43" alt="" border="0"></a>
	</div>
	<div id="Web-Mirau-priprava2-13">
	</div>
	<div id="Obrazok">

	</div>
	<div id="Web-Mirau-priprava2-15">
	</div>
	<div id="Web-Mirau-priprava2-16">
	</div>
	<div id="Body">
<b>Vitajte<br>

Naša firma sa zaoberá výrobou detských odevov a doplnkov od roku 2000. Modely sú šité z kvalitných bavlnených látok, ktoré najviac vyhovujú detskej jemnej pokožke. Sú veľmi pohodlné, veselé a trendové, zdobené rôznymi flitrami a aplikáciami. Zhotovujeme modely vo veľkostiach 86 až 158 podľa objednávok našich partnerov.</b>

<br><br><b><a href="vypredaj/index.html"><font color="red" size="3">Výpredaj (len do vypredania zásob) kliknite TU</font></a><br><a href="ankety.html"><font color="red" size="3">>>>>Hlasujte v našich anketách<<<<</font></a></b>
	</div>
	<div id="Web-Mirau-priprava2-18">
	</div>
	<div id="Web-Mirau-priprava2-19">
	</div>

	<div id="Web-Mirau-priprava2-20">
	</div>
	<div id="pp1">
	</div>
	<div id="Web-Mirau-priprava2-22">
	</div>
	<div id="pp2">
	</div>
	<div id="Web-Mirau-priprava2-24">

	</div>
	<div id="pp3">
	</div>
	<div id="Web-Mirau-priprava2-26">
	</div>
	<div id="Web-Mirau-priprava2-27">
	</div>
	<div id="Web-Mirau-priprava2-28">
	</div>

	<div id="Web-Mirau-priprava2-29">
	</div>
	<div id="Web-Mirau-priprava2-30">
	</div>
	<div id="Footer">
	</div>
	<div id="Footerx20iTech">
		<a href="mailto:[email protected]"><img src="images/Footer-iTech.gif" width="193" height="43" alt="" border="0"></a>
	</div>

	<div id="Web-Mirau-priprava2-33">
	</div>
</div>
</body>
</html>

style.css

Kód: Vybrať všetko

#Tabulka_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1152px;
	height:864px;
}



#Web-Mirau-priprava2-02 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_02.png');
	left:0px;
	top:0px;
	width:186px;
	height:833px;
}

#Web-Mirau-priprava2-03 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_03.gif');
	left:186px;
	top:0px;
	width:413px;
	height:169px;
}

#Web-Mirau-priprava2-04 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_04.png');
	left:599px;
	top:0px;
	width:553px;
	height:169px;
}

#Web-Mirau-priprava2-05 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_05.gif');
	left:186px;
	top:169px;
	width:32px;
	height:468px;
}

#Web-Mirau-priprava2-06 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_06.png');
	left:218px;
	top:169px;
	width:369px;
	height:2px;
}

#Index {
	position:absolute;
	left:587px;
	top:169px;
	width:88px;
	height:43px;
}

#Galery {
	position:absolute;
	left:675px;
	top:169px;
	width:91px;
	height:43px;
}

#Baby {
	position:absolute;
	left:766px;
	top:169px;
	width:91px;
	height:43px;
}

#Girls {
	position:absolute;
	left:857px;
	top:169px;
	width:91px;
	height:43px;
}

#Boys {
	position:absolute;
	left:948px;
	top:169px;
	width:91px;
	height:43px;
}

#Kontakt {
	position:absolute;
	left:1039px;
	top:169px;
	width:91px;
	height:43px;
}

#Web-Mirau-priprava2-13 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_13.png');
	left:1130px;
	top:169px;
	width:22px;
	height:425px;
}

#Obrazok {
	position:absolute;
	background-image: url('images/Obrazok.gif');
	left:218px;
	top:171px;
	width:350px;
	height:422px;
}

#Web-Mirau-priprava2-15 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_15.png');
	left:568px;
	top:171px;
	width:19px;
	height:423px;
}

#Web-Mirau-priprava2-16 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_16.png');
	left:587px;
	top:212px;
	width:543px;
	height:9px;
}

#Body {
	position:absolute;
	background-image: url('images/Body.gif');
	left:587px;
	top:221px;
	width:408px;
	height:215px;
}

#Web-Mirau-priprava2-18 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_18.png');
	left:995px;
	top:221px;
	width:135px;
	height:275px;
}

#Web-Mirau-priprava2-19 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_19.png');
	left:587px;
	top:436px;
	width:408px;
	height:60px;
}

#Web-Mirau-priprava2-20 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_20.png');
	left:587px;
	top:496px;
	width:9px;
	height:98px;
}

#pp1 {
	position:absolute;
	background-image: url('images/pp1.gif');
	left:596px;
	top:496px;
	width:118px;
	height:93px;
}

#Web-Mirau-priprava2-22 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_22.png');
	left:714px;
	top:496px;
	width:25px;
	height:98px;
}

#pp2 {
	position:absolute;
	background-image: url('images/pp2.gif');
	left:739px;
	top:496px;
	width:118px;
	height:93px;
}

#Web-Mirau-priprava2-24 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_24.png');
	left:857px;
	top:496px;
	width:26px;
	height:98px;
}

#pp3 {
	position:absolute;
	background-image: url('images/pp3.gif');
	left:883px;
	top:496px;
	width:118px;
	height:93px;
}

#Web-Mirau-priprava2-26 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_26.png');
	left:1001px;
	top:496px;
	width:129px;
	height:98px;
}

#Web-Mirau-priprava2-27 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_27.png');
	left:596px;
	top:589px;
	width:118px;
	height:5px;
}

#Web-Mirau-priprava2-28 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_28.png');
	left:739px;
	top:589px;
	width:118px;
	height:5px;
}

#Web-Mirau-priprava2-29 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_29.png');
	left:883px;
	top:589px;
	width:118px;
	height:5px;
}

#Web-Mirau-priprava2-30 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_30.png');
	left:218px;
	top:593px;
	width:350px;
	height:1px;
}

#Footer {
	position:absolute;
	background-image: url('images/Footer.gif');
	left:218px;
	top:594px;
	width:741px;
	height:43px;
}

#Footerx20iTech {
	position:absolute;
	left:959px;
	top:594px;
	width:193px;
	height:43px;
}

#Web-Mirau-priprava2-33 {
	position:absolute;
	background-image: url('images/Web-Mirau-priprava2_33.png');
	left:186px;
	top:637px;
	width:966px;
	height:196px;
}

Vopred dakujem za každu pomoc

TGiJack

toto si pokukaj
http://www.hojko.com/viewtopic.php?t=117062
je to tam riešene ..je tam script ktory ti vracia výšku a širku stranky

T.o.m

ja to podla toho scriptu neviem spojazdnit

TGiJack

T.o.m napísal:ja to podla toho scriptu neviem spojazdnit

vytvoriš si napriklad index.php a v nom budeš mat tieto riadky :

Kód: Vybrať všetko

<body onload="document.forms[0].submit();"> 
<form method="post" action="index2.php"> 
<input type="text" name="height" size="4">
<input type="text" name="width" size="4">
</form>
<script> 
function update () { 
   if (window.innerHeight != null) { 
      document.forms[0].elements['height'].value = window.innerHeight; 
      document.forms[0].elements['width'].value = window.innerWidth; 
   } 
   else { 
      document.forms[0].elements['height'].value = 'undefined'; 
      document.forms[0].elements['width'].value = 'undefined'; 
   }
   setTimeout('update()', 200); 
   document.forms[0].elements['v0'].value = navigator.userAgent; 
} 
update(); 
</script>
</body>

potom si spraviš index2.php tu bude uz tvoja stranka a v premennych $_POST[height] a $_POST[width] gude3 mat roymery web okna ktore mozes uz pouzit ako len chces .

Tak ye ked niekto navstivy tvoju stranku index mu zisti rozlisenie a presmeruje ho na index2 ktory sa mu uz zobrazi na jeho rozlisenie