Можно ли сделать margin больше при большом разрешении ?

[Shenia132]

Проблема при разрешении 1024 блоки стоят по (им задан margin с левой стороны)центру но когда я увеличиваю масштаб то они становятся уже не по центру, можно ли сделать так чтобы когда увеличиваю разрешения margin  с лева увеличивался ?

[amelice]

Проблема при разрешении 1024 блоки стоят по (им задан margin с левой стороны)центру но когда я увеличиваю масштаб то они становятся уже не по центру, можно ли сделать так чтобы когда увеличиваю разрешения margin  с лева увеличивался ?

медиа-запросами можно урегулировать. Выложите код, ведь, можно блоки отцентрировать не зависимо от разрешения. 

[Shenia132]

<div class = "content">

<div class = "icontent">

<div class = "create">

<h2>ЧАЩЕ ВСЕГО МЫ СОЗДАЕМ</h2>

<div class = "more-main">

<div class = "more">

<a href = "#"><img src = "images/site-pred.png" alt = "Сайты представительст"></a>

<p>Сайты <br>представительства</p>

<a href="#" class="push_button1 blue">узнать больше</a>

</div>

<div class = "more">

<a href = "#"><img src = "images/lending-page.png" alt = "Целевые Страницы(Лендинги)"></a>

<p>Целевые Страницы<br>(Лендинги)</p>

<a href="#" class="push_button1 blue">узнать больше</a>

</div>

<div class = "more">

<a href = "#"><img src = "images/internet-shop.png" alt = "Интернет-Магазины"></a>

<p>Интернет<br>магазины</p>

<a href="#" class="push_button1 blue">узнать больше</a>

</div>

<div class = "more">

<a href = "#"><img src = "images/redisien.png" alt = "Редизайн сайтов"></a>

<p>Редизайны<br>Сайтов</p>

<a href="#" class="push_button1 blue">узнать больше</a>

</div>

</div>

</div>

</div>

</div>

 

css 

 

.content {

background-image: url(../images/bg-content.jpg);

height:800px;

}

 

.icontent {

margin:0 auto;

min-width:1000px;

max-width:1280px;

}

 

.create {

padding:20px 0 0 0;

}

 

.create h2 {

text-align:center;

color:#0a4e65;

font:26px Myriad Pro;

}

 

 

.more-main {

margin: 0 0 0 10%;

    overflow: hidden;

}

 

.more {

margin: 20px 0 0 2%;

border:1px solid #a4a4a4;

float: left;

text-align:center;

padding:20px 10px 0 5px;

background:#ffffff;

border-radius:5px;

width:200px;

}

 

.more img {

margin:10px 0 20px 0;

}

 

.more p {

color:#2d2d2d;

text-transform:uppercase;

font:21px Myriad Pro;

margin:0 0 20px 0;

}

 

/*Стили для кнопки в основном контенте начало*/

.push_button1 {

width:146px;

height:30px;

text-align:center;

color:#FFF;

text-decoration:none;

line-height:31px;

font-family:'Oswald', Helvetica;

display: block;

margin:0 0 -3px 24px;

}

.push_button1:before {

background:#f0f0f0;

background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D0D0D0), to(#f0f0f0));

 

-webkit-border-radius:5px;

-moz-border-radius:5px;

border-radius:5px;

 

-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; 

-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; 

box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF;

content: "";

}

 

.push_button1:active {

-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;

top:5px;

}

.push_button1:active:before{

top: -11px;

bottom: -5px;

content: "";

}

 

.blue {

text-shadow:-1px -1px 0 #096d8f;

background: #096d8f;

border:1px solid #096d8f;

 

background-image:-webkit-linear-gradient(top, #50aceb, #096d8f);

background-image:-moz-linear-gradient(top, #50aceb, #096d8f);

background-image:-ms-linear-gradient(top, #50aceb, #096d8f);

background-image:-o-linear-gradient(top, #50aceb, #096d8f);

background-image:linear-gradient(to bottom, #50aceb, #096d8f);

 

-webkit-border-radius:5px;

-moz-border-radius:5px;

border-radius:5px;

 

-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #096d8f, 0 4px 2px rgba(0, 0, 0, .5);

-moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #096d8f, 0 4px 2px rgba(0, 0, 0, .5);

}

 

.blue:hover {

background: #F66C7B;

background-image:-webkit-linear-gradient(top, #096d8f, #50aceb);

background-image:-moz-linear-gradient(top, #096d8f, #50aceb);

background-image:-ms-linear-gradient(top, #096d8f, #50aceb);

background-image:-o-linear-gradient(top, #096d8f, #50aceb);

background-image:linear-gradient(top, #096d8f, #50aceb);

}

[Switch74]

margin: 0 auto; не пробовали?

[Shenia132]

пробовал не помогло

[Q4Dizzy]

задайте селектору .more-main вместо 10% отступа слева margin: 0 auto; width: npx.

Edited April 30, 2014 by Q4Dizzy

[Shenia132]

http://joyful-shop.ru/webstudio/ вот посмотрите,и скажите пожалуйста почему в crome сайт не влазит в 1024 пикселя ? Спасибо за ранее !

[Q4Dizzy]

оберните сайт в обёртку и задайте ей ширину нужную.

[Shenia132]

сайт резиновый 

[advokatua]

http://joyful-shop.ru/webstudio/ вот посмотрите,и скажите пожалуйста почему в crome сайт не влазит в 1024 пикселя ? Спасибо за ранее !

сайт не открывается 

[Shenia132]

я уже сделал Спасибо за помощь !