Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Кроссбраузерность

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Не могу добиться кроссбраузерности
АЛЕКС2015
Отправлено: 30 Августа, 2015 - 09:41:01
Post Id



Новичок


Покинул форум
Сообщений всего: 13
Дата рег-ции: Авг. 2015  


Помог: 0 раз(а)




Подскажите, создал рассылку при 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;
}
Прикреплено изображение (Нажмите для увеличения)
фото2.png
 
 Top
DelphinPRO
Отправлено: 30 Августа, 2015 - 13:05:20
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




Не задавайте размеров в пикселях, используйте проценты.
Адаптивная верстка, кстати, при масштабировании нормально отображается.


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
АЛЕКС2015
Отправлено: 02 Сентября, 2015 - 20:37:26
Post Id



Новичок


Покинул форум
Сообщений всего: 13
Дата рег-ции: Авг. 2015  


Помог: 0 раз(а)




спасибо за помощь
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB