размеры полей (инпутов и текстареи указаны в px)
и оригинал выглядит так:
FireFox
Свернутый текст
Opera
Свернутый текст
Осёл 8 (осёл он и в африке осёл)
Свернутый текст
Вообщем непонятная байда. (для алчных, таких как я - на WM есть 30 wmr)
Спустя 5 минут, 18 секунд (4.11.2011 - 11:11) T1grOK написал(а):
Как я ненавижу верстку. Даже наверное не верстку, а разработчиков браузеров. У каждого свой подход и все по разному выглядит. Одно дело в разных браузерах беда, так беда и в одних и тех же, но разных версий.(помочь не помог, но высказался).
Спустя 17 минут, 22 секунды (4.11.2011 - 11:28) Игорь_Vasinsky написал(а):
Цитата |
Как я ненавижу верстку. |
аналогично. я вот ингда думаю на DW что ли шаблоны клепать...
Спустя 2 минуты, 19 секунд (4.11.2011 - 11:31) Семён написал(а):
Виноват не браузер ребята, а руки верстальщика.
Есть такая штука как reset css, применяется для того, чтобы сбросить default стили, которые браузер применяет к странице до вашего стиля.
Есть такая штука как reset css, применяется для того, чтобы сбросить default стили, которые браузер применяет к странице до вашего стиля.
Спустя 10 минут, 21 секунда (4.11.2011 - 11:41) m4a1fox написал(а):
Семён
Цитата |
штука как reset css, применяется для того, чтобы сбросить default стили, которые браузер применяет к странице до вашего стиля. |
А вот про это поподробнее можно?
Спустя 17 секунд (4.11.2011 - 11:41) Игорь_Vasinsky написал(а):
Семён
опять аватарку сменил. :D
нету верстальщика :D
подключил reset.css
для IE
пробывал до своего стиля и после... результату ноль.
опять аватарку сменил. :D
нету верстальщика :D
подключил reset.css
Свернутый текст
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6 {
font: 14px/18px Verdana, sans-serif;
}
code, kbd, pre, samp, tt, var {
font: 14px/18px Consolas, "Courier New", monospace;
}
body, optgroup {
color: #000;
background: #fff;
}
body, code, dl, dd, form, pre {
margin: 0;
}
a:link {
color: #009;
}
a:link, a:visited, ins {
text-decoration: none;
}
a:visited {
color: #505;
}
a:hover {
text-decoration: underline;
}
a:link img, a:visited img, object, fieldset, abbr, acronym {
border: none;
}
sub, sup {
position: relative;
display: inline-block;
font-size: 11px;
line-height: 11px;
}
sub {
top: 5px;
vertical-align: middle;
}
sup {
top: -2px;
margin-top: -11px;
}
abbr, acronym {
cursor: help;
border-bottom: 1px dotted #999;
}
address, cite, dfn {
font-style: normal;
}
code, pre {
white-space: pre-wrap;
}
img {
vertical-align: bottom;
}
td, th, textarea {
vertical-align: top;
}
input, select, button {
overflow: visible;
vertical-align: middle;
}
legend {
color: #000;
margin: 0 0 -2px;
padding: 0;
}
li {
display: block;
list-style: none;
}
optgroup option {
padding-left: 22px;
}
table {
border-collapse: collapse;
}
caption, th {
text-align: left;
}
td, th {
padding: 0;
}
address, blockquote, h1, h2, h3, h4, h5, h6, fieldset, p, ol, ul {
margin: 0;
padding: 0;
}
th, h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
q {
quotes: "\00ab" "\00bb" "\201e" "\201c";
}
q:after {
content: "\00bb";
}
q:before {
content: "\00ab";
}
q > q:after {
content: "\201c";
}
q > q:before {
content: "\201e";
}
для IE
Свернутый текст
legend {
margin-left: -7px;
}
пробывал до своего стиля и после... результату ноль.
Спустя 6 минут, 18 секунд (4.11.2011 - 11:48) Игорь_Vasinsky написал(а):
Вот этот малость помог - но всё равно криво...
Свернутый текст
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0; /* обнуляем отступы и убираем бордюры */
vertical-align: baseline; /* приводим все к одной базовой линии */
background: transparent; /* чтобы не проскакивали левые фоны, установленные по умолчанию */
font-size: 100%; /* размер шрифта всем одинаковый */
}
a { /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
table { /* устраняем отступы между ячейками таблицы */
border-collapse: collapse;
border-spacing: 0;
}
td, td img {
vertical-align: top; /* возвращаем привычное вертикальное выравнивание */
}
input, select, button, textarea {
margin: 0; /* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
font-size: 100%; /* делаем размер шрифтов везде одинаковым */
}
input[type="text"], input[type="password"], textarea {
padding: 0; /* убираем внутренние отступы для текстовых полей */
}
input[type="checkbox"] { /* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
vertical-align: bottom;
}
input[type="radio"] {
vertical-align: text-bottom;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
/* --------------- /reset.css --------------- */
/* --------------- базовые настройки ---------*/
html {
overflow-y: scroll; /* всегда показываем вертикальную полосу прокрутки */
}
body {
line-height: 1;
background: #fff;
color: #000;
text-align: left;
font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* используем безопасные шрифтовые CSS стеки */
}
input, select, button, textarea {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* чтобы шрифт был такой же как и везде */
}
label, input[type="button"], input[type="submit"], button {
cursor: pointer; /* курсор в виде руки для всех кликабельных элементов форм */
}
a, a:visited { /* порядок правил для ссылок имеет значение */
color: #287fc3;
text-decoration: underline;
}
a:hover {
color: #287fc3;
text-decoration: none;
}
a:focus, a:active {
color: #287fc3;
text-decoration: underline;
}
Спустя 1 минута, 47 секунд (4.11.2011 - 11:49) Семён написал(а):
ща доем кину линк на норм ресет\. а то пальцы жирные
Спустя 4 минуты, 16 секунд (4.11.2011 - 11:54) Семён написал(а):
Семён
Пицца слишком жирная прост была)))
Вот этот попробуй:
Пицца слишком жирная прост была)))
Вот этот попробуй:
/* --------------------------------------------------------------
reset.css
* Resets default browser CSS.
-------------------------------------------------------------- */
html {
margin:0;
padding:0;
border:0;
}
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
display:block;
}
/* Line-height should always be unitless! */
body {
line-height: 1.5;
background: white;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
border-collapse: separate;
border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
text-align: left;
font-weight: normal;
float:none !important;
}
table, th, td {
vertical-align: middle;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
/* Remember to define your own focus styles! */
:focus { outline: 0; }
Спустя 2 минуты, 42 секунды (4.11.2011 - 11:56) Игорь_Vasinsky написал(а):
подключил до своего стиля. ноль имоций.
Спустя 2 минуты, 14 секунд (4.11.2011 - 11:59) Семён написал(а):
Не верю ) Значит проверяй свои стили.
Спустя 11 секунд (4.11.2011 - 11:59) m4a1fox написал(а):
Игорь_Vasinsky
Цитата |
подключил до своего стиля. ноль имоций |
Наверно, не так все просто!
Спустя 1 минута, 40 секунд (4.11.2011 - 12:01) Игорь_Vasinsky написал(а):
))) а я без понятия чё там проверять. я на хроме сижу - сразу под него верстал...
кстати - IE стал нормально тока
кстати - IE стал нормально тока
Спустя 1 час, 43 минуты, 12 секунд (4.11.2011 - 13:44) sebastjan написал(а):
Цитата (Игорь_Vasinsky @ 4.11.2011 - 08:28) | ||
аналогично. я вот ингда думаю на DW что ли шаблоны клепать... |
А какая разница на чём клепать?
Что то я не заметил разницы между оперой и фарефоксом м ИЕ понятно.
Ты хочшь и под ИЕ заточить?
----------------
спустя 1мин.
----------------
Да- заметил текст немного поплыл и поле капчи.
Спустя 43 минуты, 45 секунд (4.11.2011 - 14:27) Nikitian написал(а):
Dreamviewer (DW) болеее-менее адекватный код выдаёт, [paranoic=on]но я бы не стал доверяться машине [paranoic=off]
Спустя 24 минуты, 13 секунд (4.11.2011 - 14:52) sergeiss написал(а):
А в чем проблема - в том, что нету круглых краев в некоторых браузерах?
И где твой код (CSS и не только)? Покажи - посмотрим, подумаем вместе.
И где твой код (CSS и не только)? Покажи - посмотрим, подумаем вместе.
Спустя 5 минут, 48 секунд (4.11.2011 - 14:57) Игорь_Vasinsky написал(а):
да не. IE Дурак и про это я знаю.
На размеры импутов глянь. Допустим для 1го импута и textatea прописана width в PX - но выглядит везде по разному.
На размеры импутов глянь. Допустим для 1го импута и textatea прописана width в PX - но выглядит везде по разному.
textarea{
width: 255px!important;
margin-bottom: 15px;
}
#name{
width: 260px!important;
}
Спустя 30 минут, 11 секунд (4.11.2011 - 15:28) sergeiss написал(а):
Ты все равно не показал полный код!!! А только небольшой кусок.
Вот по этому коду я могу предложить указать размер в процентах, а не в пикселях. Но я не знаю, как у тебя прописаны объекты, какое позиционирование у них сделано (по умолчанию, фиксированное, относительное...).
Так что код покажи, потом можно будет начинать думать, а не гадать.
"Телепатов нэмаэ"
Вот по этому коду я могу предложить указать размер в процентах, а не в пикселях. Но я не знаю, как у тебя прописаны объекты, какое позиционирование у них сделано (по умолчанию, фиксированное, относительное...).
Так что код покажи, потом можно будет начинать думать, а не гадать.
"Телепатов нэмаэ"
Спустя 6 минут, 9 секунд (4.11.2011 - 15:34) Winston написал(а):
Цитата (Игорь_Vasinsky @ 4.11.2011 - 10:06) |
Вообщем форма была свёрстана на Google Chrome |
Спустя 2 минуты, 46 секунд (4.11.2011 - 15:37) Игорь_Vasinsky написал(а):
Да вроде ни чего хитрого.
Свернутый текст
div.container{
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
background-image: url('../images/bgcontainer.png');
display: none;
}
#close{
position: relative;
top:-5px;
left: 290px;
cursor: pointer;
}
div.wrapper{
width:320px
border: 0px solid gray;
padding: 6px;
background-color: #E8E8E8;
position: absolute;
left: 38%;
top:20%;
border-radius:15px;
-moz-border-radius:15px;
-khtml-border-radius:15px;
background-image: url('../images/bgwrapper.png');
border:1px solid #808080;
}
div.formBox{
border: 0px solid gray;
width: 310px;
padding: 10px;
background-color: white;
border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
}
table.callForm{
border-collapse: collapse;
}
table.callForm td{
font-family: arial;
font-size: 12px;
color: #808080;
font-weight: bold;
}
table.callForm td input, textarea{
border: 1px solid #00CCFF;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
outline:none;
}
input.button{
width: 170px;
height: 30px;
font-size: 12px;
font-family: verdana;
color: gray;
font-weight: bold;
background-color: #F5F3F3!important;
cursor: pointer;
margin-top: 10px;
border: 1px solid gray!important;
border-radius:10px!important;
-moz-border-radius:10px!important;
-khtml-border-radius:10px!important;
}
#atention{
padding: 2px;
border: 1px solid #DFDDDD;
background-color: #FBF9CA;
text-align: center;
font-size: 11px;
font-family: arial;
color:red;
margin-top: 8px;
display: none;
}
#captcha{
height:30px;
text-align: center;
font-size: 15px;
font-weight: bold;
color: green;
}
div.messageBox{
font-size:15px;
font-family: arial;
font-weight: bold;
text-align: center!important;
}
textarea{
width: 255px!important;
margin-bottom: 15px;
}
#name{
width: 260px!important;
}
#phone{
width: 180px!important;
}
tr{
padding-top: 5px;
}
Спустя 4 минуты, 30 секунд (4.11.2011 - 15:41) sergeiss написал(а):
CSS есть. А где код формы??????? Судя по стилям, у тебя там таблицы используются? Если да, то я вообще нифига не понимаю - нафига тут таблицы, ежели ты можешь задать и положение, и размеры через стили.
К тому же, у таблиц есть свои марджинги и паддинги, которые ты тут не переопределяешь?
Прямо клещами из тебя приходится тащить данные, для ответа тебе же
К тому же, у таблиц есть свои марджинги и паддинги, которые ты тут не переопределяешь?
Прямо клещами из тебя приходится тащить данные, для ответа тебе же
Спустя 10 минут, 17 секунд (4.11.2011 - 15:51) sebastjan написал(а):
Winston Спасибки, цена вопроса в 40 кб и никаких проблемм даже в ИЕ6 всё заработало.
Спустя 4 минуты, 36 секунд (4.11.2011 - 15:56) Игорь_Vasinsky написал(а):
да лан. не забивайтесь. я скорее всего полностью на div перекину.
Спустя 14 минут, 51 секунда (4.11.2011 - 16:11) sergeiss написал(а):
А зачем тогда спрашивал, если даже свой "секретный" код боишься показать???
Спустя 46 минут, 10 секунд (4.11.2011 - 16:57) Игорь_Vasinsky написал(а):
не боюсь. просто если всё так запущено оказалось, чё вас парить.
Спустя 2 минуты, 15 секунд (4.11.2011 - 16:59) sergeiss написал(а):
Цитата (Игорь_Vasinsky @ 4.11.2011 - 17:57) |
просто если всё так запущено оказалось, чё вас парить. |
Ты прямо как первый день на форуме... Он для того и существует, чтобы помогать друг другу
С чего ты решил, что там "всё запущено"? Даже код так и не показал. Возможно, что там мелочь исправить надо какую-нибудь.
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker