Checkbox в IE

Kenshi45 · September 22, 2009

Паддинги и маргины обнулил, все равно в ие7 квадратик немного съезжает вправо. Это можно исправить?

Edited September 22, 2009 by Kenshi45

mini · September 22, 2009

Паддинги и маргины обнулил, все равно в ие7 квадратик немного съезжает вправо. Это можно исправить?

зафлотить оба элемента :blink:

s0rr0w · September 22, 2009

Паддинги и маргины обнулил, все равно в ие7 квадратик немного съезжает вправо. Это можно исправить?

Положить его в контейнер, которому присвоить отрицательный margin

Kenshi45 · September 22, 2009

зафлотить оба элемента

Не помогает, думаю тут дело в размере самого квадратика, в ие7 он имеет невидимый контур, из-за которого и происходит это смещение. То есть я могу кликнуть на него наведя кусрор недалеко за его пределы.

Положить его в контейнер, которому присвоить отрицательный margin

Ну тогда он в других браузерах, где его расположение нормальное, также съедет влево.(

Justnewone · September 22, 2009

Не помогает, думаю тут дело в размере самого квадратика, в ие7 он имеет невидимый контур, из-за которого и происходит это смещение. То есть я могу кликнуть на него наведя кусрор недалеко за его пределы.
Ну тогда он в других браузерах, где его расположение нормальное, также съедет влево.(

IE не обнуляет маргины у чекбокса. Так уж вышло. Сделайте стиль только для IE, оберните строчным спаном, скажите только для IE блок и делайте что пожелаете.

Большая просьба, постарайтесь не ждать готового решения, иллюстрируйте свои "неподходит" кодом, чтобы было понятно, насколько точно Вы следуете рекомендациям. Суммируем две части просьбы и продолжаем...

mishka · September 22, 2009

Как вариант:

Обнулите маргины, паддинги, флотните и укажите высоту ширину по 16px.

Edited September 22, 2009 by mishka2

mini · September 22, 2009

на код, смотри так всё должно быть или нет? все остальные стили пропишеш сам :blink: и если нужно for и id пропишеш

<body>

<style>

* {margin:0; padding:0;}

.box { overflow:hidden; width:100px;}

.box input {float:left; height:16px; width:16px; margin:3px 0 0;}

.box label {float:left;}

</style>

</div>

</form>

</body>

Edited September 22, 2009 by mini

Kenshi45 · September 22, 2009

на код, смотри так всё должно быть или нет? все остальные стили пропишеш сам и если нужно for и id пропишеш
<body>
<style>
* {margin:0; padding:0;}
.box { overflow:hidden; width:100px;}
.box input {float:left; height:16px; width:16px; margin:3px 0 0;}
.box label {float:left;}
</style>
<form action="">
<div class="box">
<input type="checkbox" />
<label>text tetx text</label>
</div>
</form>
</body>

Мона вопросик? А почему именно 16px и 3px?

mishka · September 22, 2009

16 потому что если поставить меньше, то в опере он будет такого вида как в фф и ие. А если 16 то будет "фирменный" оперовский.

Зачем именно 3 - немогу сказать, ставь по своему дизайну какой нужен.

Kenshi45 · September 22, 2009

16 потому что если поставить меньше, то в опере он будет такого вида как в фф и ие. А если 16 то будет "фирменный" оперовский.
Зачем именно 3 - немогу сказать, ставь по своему дизайну какой нужен.

Oк, спс

mini · September 22, 2009

Мона вопросик? А почему именно 16px и 3px?

3px, это отступ сверху немного подровнял с фонтом, там сам смотри сколько тебе надо в зависимости от размера шрифта :blink:

Kenshi45 · September 23, 2009

3px, это отступ сверху немного подровнял с фонтом, там сам смотри сколько тебе надо в зависимости от размера шрифта

Я использую em

Sign In

Checkbox в IE

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information