Не могу добиться кроссбраузерности

Ван · 30.08.2015, 10:16

Подскажите, создал рассылку(фото 1),при 100% просмотре в браузере всё нормально,а при 150% просмотре(фото 2) всё расплылось.Подскажите как исправить ошибку? И как например добиваться кроссбраузерности?

HTML

<!DOCTYPE HTML>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
<title>ТЭГ input</title>
<link href="../css/style.css" type="text/css" rel="stylesheet">
</head>
<body>

<p align="center" class="title2" style="font:16px Verdana,sans-serif; color:#00008B;">Рассылка</p>
<div id="wrapper">
<p class="form1" style="font:14px Verdana,sans-serif;">Подписывайтесь<br>на нашу рассылку и получайте свежие уроки,статьи и новости</p>
<form name="test" method="post" action="input1.php">
<p style="font:12px Verdana,sans-serif; margin-left:15px;">Имя на русском:<br>
<input type="text" name="name"style="width:150px; height:15px;"></p>
<p style="font:12px Verdana,sans-serif; margin-left:15px;">Email address:<br>
<input type="text" name="email"style="width:150px; height:15px;"></p>
<p><input type="submit" name="submit" value="Подписаться" style="width:155px; margin-left:15px;"></p>
</form>
</div>

</body>
</html>

Css

.title2 {
width:15%;
border:1px solid #FFD700;
margin-left:550px;
background-color:#FFD700;
margin-bottom:5px;
}

#wrapper{
width:15%;
margin-left:550px;
border:1px solid #000000;
}

.form1{
width:155px;
height:100px;
border:0px solid #000000;
margin-left:15px;
}

Hispanic · 30.08.2015, 10:40

рассылку лучше делать с фиксированной шириной. почитай про верстку рассылки

mamon-88 · 30.08.2015, 15:13

имени вот это провела
#wrapper{
width:15%;
margin-left:550px;
border:1px solid #000000;
}
На это
#wrapper{
width:200px;
margin-left:550px;
border:1px solid #000000;
}

Ван · 02.09.2015, 21:42

Hispanic, Спасибо за помощь,всё получилось)))

Добавлено через 45 секунд

mamon-88, Спасибо за подсказку,всё получилось)))

mamon-88 · 03.09.2015, 13:21

Цитата:

Сообщение от Ван

Hispanic, Спасибо за помощь,всё получилось)))

Добавлено через 45 секунд

mamon-88, Спасибо за подсказку,всё получилось)))

Если тебе не трудно нажми кнопку "спасибо" для каждого кто тебе ответил.

**Silver** · 04.09.2015, 07:16

mamon-88, я за него сделал)))

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Проверка кроссбраузерности	Rinat1994	HTML, CSS, JavaScript	1	15.10.2012 23:04
Как добиться успеха?	Roman50550555	Биржа ссылок	1	28.03.2011 07:06
Отладка кроссбраузерности	ecopan	Софтодром	3	16.10.2008 22:22
Как добиться четкости изображений?	иван3	Растровая графика	5	29.01.2008 17:08
Не могу найти	noxx	Растровая графика	0	06.08.2006 18:48

30.08.2015, 10:40	#2
Hispanic	рассылку лучше делать с фиксированной шириной. почитай про верстку рассылки

30.08.2015, 15:13	#3
mamon-88	имени вот это провела #wrapper{ width:15%; margin-left:550px; border:1px solid #000000; } На это #wrapper{ width:200px; margin-left:550px; border:1px solid #000000; }

02.09.2015, 21:42	#4
Ван	Hispanic, Спасибо за помощь,всё получилось))) Добавлено через 45 секунд mamon-88, Спасибо за подсказку,всё получилось))) Последний раз редактировалось Ван; 02.09.2015 в 21:42.. Причина: Добавлено сообщение

04.09.2015, 07:16	#6
Silver	mamon-88, я за него сделал)))

30.08.2015, 10:16
Ссылки