Border работает не так как хотелось бы во всех браузерах. Как быть? - HTML и CSS

Semreg · 26.05.2017, 18:23

При сужении окна браузера справа обрезается бордер. И появляется горизонтальная прокрутка, которая не нужна. Протестировано в ФФ, Хроме, IE. Подскажите, как лечить?

Код HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" href="style.css" type="text/css">

<style type="text/css">

body {
  margin: 0;
  padding: 0;
  background: black;
}

.test {
  border: 20px solid red;
  width: 100%;
  max-width: 800px;
  height: 100px;
  background: white;
}

</style>

</head>

<body>

<div align="center">
  <div class="test">Текст</div>
</div>

</body>
</html>

Naive · 26.05.2017, 18:59

box-sizing: border-box;

Semreg · 27.05.2017, 01:19

@Naive, спасибо тебе большое за ответ, добрый человек!

26.05.2017, 18:59	#2
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	box-sizing: border-box; Alar, верни репу!

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
становил программу Jet Boost так как хотелось разогнать комп, но получил зависание что делать?	Алекс131	Софт	17	02.04.2016 10:19
Как заставить форму всегда быть поверх всех окон	AnnNet	Общие вопросы Delphi	9	11.12.2013 16:16
Ноутбук работает не достаточно быстро как хотелось бы!	RudiDee	Компьютерное железо	4	16.12.2012 16:36
Не знаю как сделать что бы во всех браузерах текст был по середине в своём сайте	Babchuk	Помощь студентам	2	19.04.2012 20:19
как сделать чтобы во всех браузерах все отображалось одинаково?	Ubihinon	HTML и CSS	1	26.03.2012 16:58

27.05.2017, 01:19	#3
Semreg Пользователь Регистрация: 28.03.2012 Сообщений: 10	@Naive, спасибо тебе большое за ответ, добрый человек!