Резолюция ...

S

saksko

Registered
Правя един саит , обаче страшно много му се отразява разликата в резолюцията.Когато го отварям с 1280х1024 изглежда както аз искам(на тази разделителна "творих") , но когато се отвори с 1024х768 става един филм , не е за приказване , всичко се размества , което е доста фрапиращо.Та въпроса ми е има ли някакъв начин да се направи нещо , например да се отваря според резолюцията на потребителя или да го правя 1024х768 ?
 
Ето ти решение. Откраднато от дата.бг

Код: 
<script language="JavaScript1.2">

var pagewidth, stylescript;
pagewidth=880; stylescript=1024;
if (screen.width <= 800)  { pagewidth=700; stylescript=800; }
if (screen.width > 800)  { pagewidth=880; stylescript=1024; }
if (screen.width >= 1280){ pagewidth=950; stylescript=1280; }
if (screen.width >= 2600){ pagewidth=1100; stylescript=1600; }
document.write("<LINK href='css/themes/new/style"+stylescript+".css' type=text/css rel=StyleSheet>");

</script>

където според резолюцията се отваря различен css файл.
 
jooorooo каза:
Ето ти решение. Откраднато от дата.бг

Код: 
<script language="JavaScript1.2">

var pagewidth, stylescript;
pagewidth=880; stylescript=1024;
if (screen.width <= 800)  { pagewidth=700; stylescript=800; }
if (screen.width > 800)  { pagewidth=880; stylescript=1024; }
if (screen.width >= 1280){ pagewidth=950; stylescript=1280; }
if (screen.width >= 2600){ pagewidth=1100; stylescript=1600; }
document.write("<LINK href='css/themes/new/style"+stylescript+".css' type=text/css rel=StyleSheet>");

</script>

където според резолюцията се отваря различен css файл.
Увеличете...


добре де с този код не трябва ли да се сложи и някакъв файл в директорията на саита защото аз като го скожа така ми страницата ни я товаря всики път различно
 
Дай линк за да видим сайта.
Тук няма кой да ти се присмее ако е аматьорски.

Просто да видим къде и защо се прецаква.
Според мен в никакъв случай не трябва да правиш сайта за такава голяма резолюция.

Трябва да е най много за 1024 - 768 .
Това се ползва в 70% .

Дали ползваш таблици или DIV-ове няма значение.
Трябва да задаваш точни размери (width=... height=...)

Може и в проценти ако искаш
но трябва да указваш на браузъра какво точно искаш да изпълнява
за да не се получават грозни разминавания.
 
Значи кода е следния, засича резолюцията на браузера и зарежда съответния css файл.

<script language="JavaScript1.2">

var pagewidth, stylescript;
pagewidth=880; stylescript=1024;
if (screen.width <= 800) { pagewidth=700; stylescript=800; }
if (screen.width > 800) { pagewidth=880; stylescript=1024; }
if (screen.width >= 1280){ pagewidth=950; stylescript=1280; }
if (screen.width >= 2600){ pagewidth=1100; stylescript=1600; }
document.write("<LINK href='css/themes/new/style"+stylescript+".css' type=text/css rel=StyleSheet>");

</script>

"+stylescript+" това е променлива която за всяка резолюция е ралична. значи имаш 4 css файла които са съответно:

style800.css
style1024.css
style1280.css
style1600.css
 
Трябва да си направиш отделни страници за всяка резолюция. Т.е. сменяш твойта резолюция, променяш ЦСС-а според резолюцията, сейфаш ЦСС-а и това ти е за тази резолюция. Така за всяка.
 
знчи..,
направих си 2 индекса.Единият го правих при разделителна 1024 а другият при 1280 разликата по между им е само едно редче :
при index1024 e :
Код: 
 <div id="Layer1" style="border: 1px none rgb(0, 0, 0); position: absolute; width: 800px; height: 695px; z-index: 1; left: 92px; top: 85px; background-color: rgb(255, 217, 204); visibility: visible;">
a при index1280 :
Код: 
<div id="Layer1" style="border: 1px none rgb(0, 0, 0); position: absolute; width: 800px; height: 695px; z-index: 1; left: 221px; top: 81px; background-color: rgb(255, 217, 204); visibility: visible;">
И въпроса ми е как ще ми изглежда CSS файла (само единият аз за другият ще се сетя и сам :wink: ) ?
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе