Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

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

Обсуждение темы Не могу добиться кроссбраузерности в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Подскажите, создал рассылку(фото 1),при 100% просмотре в браузере всё нормально,а при 150% просмотре(фото 2) всё расплылось.Подскажите как исправить ошибку? И как например добиваться ...


Закрытая тема
 
Опции темы
Старый 30.08.2015, 10:16   #1
Подскажите, создал рассылку(фото 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;
}
Изображения
Тип файла: jpg фото1.jpg (21.6 Кб, 7 просмотров)
Тип файла: jpg фото2.jpg (17.7 Кб, 7 просмотров)
 
Старый 30.08.2015, 10:16
Ссылки
Старый 30.08.2015, 10:40   #2
рассылку лучше делать с фиксированной шириной. почитай про верстку рассылки
 
Этот пользователь сказал спасибо Hispanic за это полезное сообщение:
Silver (04.09.2015)
Старый 30.08.2015, 15:13   #3
имени вот это провела
#wrapper{
width:15%;
margin-left:550px;
border:1px solid #000000;
}
На это
#wrapper{
width:200px;
margin-left:550px;
border:1px solid #000000;
}
 
Этот пользователь сказал спасибо mamon-88 за это полезное сообщение:
Silver (04.09.2015)
Старый 02.09.2015, 21:42   #4
Hispanic, Спасибо за помощь,всё получилось)))

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

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

Последний раз редактировалось Ван; 02.09.2015 в 21:42.. Причина: Добавлено сообщение
 
Старый 03.09.2015, 13:21   #5
Цитата:
Сообщение от Ван Посмотреть сообщение
Hispanic, Спасибо за помощь,всё получилось)))

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

mamon-88, Спасибо за подсказку,всё получилось)))
Если тебе не трудно нажми кнопку "спасибо" для каждого кто тебе ответил.
 
Старый 04.09.2015, 07:16   #6
mamon-88, я за него сделал)))
 
Этот пользователь сказал спасибо Silver за это полезное сообщение:
mamon-88 (04.09.2015)
Старый 04.09.2015, 07:16
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проверка кроссбраузерности 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


Текущее время: 18:37. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум