Как сайта ми да изглежда еднакво под различни резолюции?

R

RhythmiX

Registered
Здравейте,редактирах си един сайт днеска и го направих да изглежда така както искам,но след това се сетих да го пробвам под различни резолюции да видя как изглежда..
И ето резултата 1366х768(това ползвам аз)
1366768.jpg



И така изглежда на масовата 1024x768 резолюция.
1024768y.jpg



Как да направя така,че сайта изглежда еднакво под различни резолюции.
Чрез CSS мога ли да задам ограничение за разширяване на сайта ?
В момента този сайт се разширява според резолюцията.
Има ли вариант да го направя как да изглежда под различни резолюции,примерно за 1024х768 един изглед и за 1366х768 друг изглед,ако е много сложно този вариант отпада,защото съм начинаещ. :D
 
Аз разместване не видях! Това, че се подреждат така продуктире е напълно нормално и смятам, че така е добре! :)
 
Ами Хедъра защо се отрязва ?
Как да го направя да е еднакъв под всички резолюции ?
И подреждането на продуктите да е както на 1024х768
А не да остава толкова място между продуктите и десния панел. :)
Да задам някакъв размер на колонката с продуктите или на целия сайт ?
Примерно виж wеb-tourist-а как изглежда еднакво под всички резолюции.
 
Не е по темата ама гледам, че ти излиза долния скролер и ако искаш да го няма (преполагам, че искаш да го няма), ползвай този код:

[css]

* {
margin: 0;
padding: 0;
}
html,body {
margin: 0 auto;
padding:0;
}

[/css]

Слагаш го най-отгоре на цсс файла.

Колкото до резулюциите ще ти кажа погледни и други сайтове да видиш, че и при тях също има разлика.Има вариант иначе горе-долу да е еднакав при всички резулюции и това е да използваш проценти за задаване на размери при някой дивове и класове.Незнам дали те интерисува ама аз при цсс ползвам и проценти и пиксели пример:
[css]

#id {
width: 150px;
}
#id2 {
width: 50%;
}
#id3 {
width: 50%;
}

[/css]

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

Друг варянт може да ползваш без никакво задаване на размери на каквото и да било.Само margin .. и да се използват пикселите на картинките или снимките който изграждат обекта.И с margin вече си му правиш място за отстъп и така без задаване на размери.

Еми поне така работя аз.
 
А как мога да центрирам целия сайт ?
Смисъл на голяма резолюция да стои по-средата,а 1024х780 да речем да стане на цял екран.
Аз в момента съм задал ширина 1024 на сайта,но как да го центрирал,сега стои вляво и е точно така както искам,при 1024х768 си е на цял екран,но на 1366х768 стои в ляво,значи трябва да се центрира.
 
Еми с това:

[css]

* {

margin: 0;

padding: 0;

}

html,body {

margin: 0 auto;

padding:0;

}

[/css]

Сложи го най-отгоре на .css файла.

margin: 0 auto; Ще ти центрира сайта.Във html,body и " * " няма да задаваш "width , height". Също така този код не се слага към страницата така както се слага обикновен див.Просто си го сложи във .css файла и ще работи.
И все пак ако искаш може да пуснеш цсс кода.
 
То ти е объркано всичко в началото.

Погледни файловете в началото:

[css]

/* Global Reset */
* {
margin: 0;
padding: 0;
}

/* General */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
height: 100%;
min-width: 990px;
}

[/css]

[css]

body {
background: #fff;
color: #1b1b1b;
}

[/css]


Направи ги.

[css]


* {
margin: 0;
padding: 0;
}


body {
margin: 0px auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

[/css]

Като на skyblue си добави

background: #fff;
color: #1b1b1b;


След това тези:
[css]
height: 100%;
min-width: 990px;
[/css]
ги сложи във:

[css]
#Container {
height: 100%;
min-width: 990px;
}
[/css]

Не ги слагай на body,html трябва да са на див отговарящ на позиционирането на всички дивове.Като пример давам само:

Код: 
#cont {
height: 100%;
min-width: 990px;
}
#left {
}
#right{
}

И тука html:

<div id="cont">
         <div id="left"></div>
         <div id="right"></div>
</div>

ДАНО СИ МЕ РАЗБРАЛ.
 
Здравей еди.

Имам един много важен въпрос към теб. Ако е възможно да ми дадеш скайп! Или да ме намериш: Kraska91


Благодаря Предварително!
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе