Непонятные отступы css?

Question

[Иван Сергеев]

Привет, есть сайт worldlooker.hol.es, а конкретно ссылка в нем worldlooker.hol.es/lib/mspvcomp.php?section=countr... Тема в том. что если меняешь ширину экрана, то картинки куда-то выходят за блок, хотя вроде ширину везде указал в процентах. Хэлп ми
туточки хтмл (в пшп коде)

echo '<div class="blocken">';
				echo '<div class="countryname">';
				echo $row['country'];
				echo '</div>';
				echo '<div class="imageblocken">';
				echo '<img width="200" height="140" src="data://image/jpeg;base64,'.base64_encode($row['image']).'">';
				echo '</div>';
				echo '</div>';

Comments

[Ярослав Иванов]

Что за дизайн, что за верстка. Откуда это ? из 1861 года ?

Answer 1

[Максим]

1строка

*{
	box-sizing: border-box;
	margin:0;
	padding:0;

}

7 строка 

img{
	display:block;
	max-width:100%;
	width:100%;
	object-fit:contain;
}

210 строка 

.imageblocken {
	width: 100%;
	height:auto;
}

Если так сделаешь то будет так :

Answer 2

[Ярослав Иванов]

Потому что imageblocken считает left от окна браузера а не родителя.

Comments

[Ярослав Иванов]

Степан Гервик: учить html css

[Алексей Скляров]

Степан Гервик: учить html+css

[Ярослав Иванов]

Степан Гервик: Не, с таким говнокодом сам разбирайся. Там все переделывать надо

[Ярослав Иванов]

Степан Гервик: там у тебя все не так. Все.

[Ярослав Иванов]

Степан Гервик: 1-ое убери проценты вообще.

[Ярослав Иванов]

Степан Гервик: google => media query css

[Ярослав Иванов]

Степан Гервик: А вообще учите html+css. Не надо лезть в воду не умея плавать.