Центриране на сайт и автоматично разлагане според монитора.

Pupe64etoo_92

Registered
Правя един сайт за цс на моя монитор съм го центрирал и изглежда идеално.
Но проблема е че когато го отворя с по - широк монитор не се разпъва по хоризонталата , тоест по ширина да обхване целия монитор а седи свит в средата. Забелязах че другите сайтове се разлагат автоматично по широчините на различните монитори.

Вижте как изглежда
 
Принципно това което го искаш не е хубаво ,но ти си знаеш.
Значи за да се разпъва сайта трябва вместо определени px да му дадеш 90-95% на width:
на класът/id в който се намира целия сайт.Нека дам пример:
HTML:
<div id="main_site_container">
TUk koda ot html+saita i tablici i tn i tn
</div>

Код:
#main_site_container{
width:1200px;
margin-left:auto;
margin-right:auto;
}
сменяш това width на 90-95% и си готов , ще се разтяга според монитора.Разбира се ако имаш и други елементи който са в определени px няма да се разтягат и съответно трябва да ги направиш и тях в %.
Но пак ти казвам това което го искаш не е хубаво.Погледни уеб туриста/дата.бг калдата и тн и тн.
Дано съм помогнал.
 
ПС:Тези absolute-position също ще ти правят проблеми.Ползвай таблици/дивове.
Ако сега се учиш учи се да не ги ползваш защото при всяка различна резолюция излизат различно+ при всеки браузер - особено ИЕ px ги отчи по по-различен начин.
Айде успех :)
 
Ще го оставя така защото който иска може да овеличава и да намалява самия сайт според монитора си. Мерси за одговорите дано на някой да са му от полза.
 
Ако даден див ти заема цялата ширина (искаш под всички резолюции да ти се запълва например най-горната част на монитора по ширина) просто пишеш в html
HTML:
<div id="neshto"></div>

css

[css]
#neshto {height:**px;background:url(img.png) repeat-x;}
[/css]
Така под всички резолюции ще се запълва полето по ширина,за дължината е аналогично.Дано съм ти помогнал!
 

Back
Горе