JS преоразмеряване на сайт

vojda_na_inkite

Registered
Някой знае ли как мога да направя даден сайт да се преоразмерява според резолюцията на потребителя и да изглежда еднакво добре както на 50" монитор така и на 13". Знам само че се прави с JS :)
 
Можеш и със CSS просто правиш дължината на главния ти див в проценти
[css]
#container {
width: 80%;
margin: 0 auto;
}
[/css]
 
http://www.angeloff.net/2011/06/%D0%B0%D0%B4%D0%B0%D0%BF%D1%82%D0%B8%D0%B2%D0%B5%D0%BD-%D1%83%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-%D0%B7%D0%B0-%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D0%BD%D0%B8-%D1%83%D1%81%D1%82%D1%80%D0%BE/
 
kikity_94 каза:
Можеш и със CSS просто правиш дължината на главния ти див в проценти
[css]
#container {
width: 80%;
margin: 0 auto;
}
[/css]
Така става, само че трябва JS, за да може да работи на IE :) Ето един скрипт, които аз ползвам за да взема височината на browser-а. Последния ред го променяш, така както ти трябва на теб :)
[js]
<script type="text/javascript">
var theWidth, theHeight;
// Window dimensions:
if (window.innerWidth) {
theWidth=window.innerWidth;
}else if (document.documentElement && document.documentElement.clientWidth) {
theWidth=document.documentElement.clientWidth;
}else if (document.body) {
theWidth=document.body.clientWidth;
}
if (window.innerHeight) {
theHeight=window.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight) {
theHeight=document.documentElement.clientHeight;
}else if (document.body) {
theHeight=document.body.clientHeight;
}
document.getElementById("hiddenbox").value=theHeight;
</script>
[/js]
 
kikity_94 каза:
Можеш и със CSS просто правиш дължината на главния ти див в проценти
[css]
#container {
width: 80%;
margin: 0 auto;
}
[/css]

Това с процентите не е добра идея, аз също мислех нещо подобно но се отказах поради куп причини
 
shterev каза:
http://www.angeloff.net/2011/06/%D0%B0%D0%B4%D0%B0%D0%BF%D1%82%D0%B8%D0%B2%D0%B5%D0%BD-%D1%83%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-%D0%B7%D0%B0-%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D0%BD%D0%B8-%D1%83%D1%81%D1%82%D1%80%D0%BE/

Благодаря мисля че това е добър вариант :)
 

Back
Горе