Почему в хроме не системный шрифт выглядит намного жирнее, чем в, например, сафари?

И прям вообще без шансов исправить?

Почему в хроме не системный шрифт выглядит намного жирнее, чем в, например, сафари?

выровнял, но методом, которым делал до этого, через display: table. Там проблема была не в коде, судя по всему. Я верстаю (учусь) на OS X и испытываю в сафари. Так вот в нем, когда постоянно обновляемый файл еще и лежит на локальном диске начинаются очень странные глюки. То элемент пропадет просто так, то отступ появится. Хотя раньше такого не замечал. Выровнял

Непонятный отступ слева?

@Rema1ns в пикселях не выйдет. Картинка занимает всю площадь экрана при входе, но потом можно прокрутиться вниз. Вот так выглядит родитель

.background {
display: table;
width:100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
height: 100%;
overflow: hidden;
text-align: center;
}

Непонятный отступ слева?

@Rema1ns у дива размер 100%

Непонятный отступ слева?

Нет, не работает

Непонятный отступ слева?

Я понимаю, что довольно кривое решение через таблицу выравнивать элемент по центру. Другого варианта нормального не нашел.

Как сделать картинку растянутой на всю ширину и высоту окна, чтобы при этом при скролле она осталась на том же месте?

Спасибо за то, что так подробно расписали!

Как сделать картинку растянутой на всю ширину и высоту окна, чтобы при этом при скролле она осталась на том же месте?

Да, глупый вопрос, спасибо!

Как увеличивать text area в зависимости от количества строчек?

Спасибо!

Как увеличивать text area в зависимости от количества строчек?

Спасибо вам! А для JS нужно создать отдельный файл и подключить его в начале HTML?

Почему один элемент не поддается общей адаптивной верстке?

Спасибо!

Как переместить картинку внутри маски?

Спасибо вам огромное! В итоге решил проблему width и наложением черной рамки сверху.

Как переместить картинку внутри маски?

@Libris Так, сейчас попробую. Что бы при загрузки картинки у нее был, например, масштаб 200%

Как переместить картинку внутри маски?

@Libris Спасибо! Я пытаюсь решить проблему вторым вариантом сейчас. А как поверх картинки наложить черный полупрозрачный прямоугольник, например? И еще, Можно ли картинку автоматом масштабировать средствами css?

Как переместить картинку внутри маски?

@Libris jsfiddle.net/ax54orkd/3 вот, пожалуйста

Как переместить картинку внутри маски?

@Libris имеете ввиду загрузить картинки на фотохостинг и вставить туда адрес?

Как переместить картинку внутри маски?

@Libris
CSS:

.block {

	position: relative; 
	width: 672px;
	height: 163px;
	
	margin: 9px;
	overflow: hidden;
	border-radius: 9px;
	z-index: 1;
	
}

.block img {
    padding-bottom: 60px;
	position: relative;
	right:25%;
	
	display: block;
	-webkit-filter: blur(10px)
}



.block .txt {
position: absolute;
bottom: 45px;
left: 100px;
width: 100%;
z-index:9999; 
   
}

.block .fav { 
position:absolute;
margin-top: 0px;
margin-left: 608px;
z-index:9999; 
opacity: 0.5;
cursor:pointer;
}

.block .fav:hover {
    opacity: 1;
}

.block .fav img { 
-webkit-filter: blur(0px) !important; 
width:22px; 
}

.block h3 {
font-family: 'proxima_nova_ltsemibold'; 
font-size:37px;
color:#FFFFFF;
width: 100%; 
margin:0;
padding-bottom: 0px;
}

.block p {
font-family: 'proxima_nova_ltlight'; 
font-size:19px;
color:#FFFFFF;
width: 100%; 
opacity:0.4;
padding-top: 8px;
margin:0;
}

HTML:

<div class="block">
<div class="fav"><img alt="" src="img/fav.png"></div>
<div><img alt="" src="img/background.png"></div>
<div class="fav"><img alt="" src="img/fav.png"></div>
<div class="txt">
<h3>Путешествие в лес</h3>
<p>13 вещей, общая цена 12643 руб</p>
</div>
</div>

Как переместить картинку внутри маски?

@Libris не работает, из за этого, почему то, перемещается маcка, обрезаются стороны

Как переместить картинку внутри маски?

А если картинка подключается из html? Вот так вот:
<div><img alt="" src="img/background.png"></div>

Как переместить картинку внутри маски?

картинки разные будут использоваться, палитры у них тоже разные