Форум hotibo.ru
Сайты - по стандартам, но не стандартные сайты!
#1 22.02.2011 17:43
- dionisp
- Разбирающийся
- Зарегистрирован: 16.02.2011
- Сообщений: 29
float div
Пытаюсь разместить рядом 2 div-а, чтобы между ними был отступ. Без отступа они стоят рядышком, но при попытке добавить padding или margin - 2й див съезжает вниз. Как побороть?
Код:
test
test
© 1982, Sinclair Research Ltd.
Нет на форуме
#2 23.02.2011 02:05
- Darkick
- Новичок
- Откуда: Екатеринбург
- Зарегистрирован: 20.12.2010
- Сообщений: 3
- Вебсайт
Re: float div
Сделай им border-width что ли.
We'll go another way.
You must fight for Your right!
Нет на форуме
#3 24.02.2011 11:24
- dionisp
- Разбирающийся
- Зарегистрирован: 16.02.2011
- Сообщений: 29
Re: float div
border-width: 0px; не помогает.
© 1982, Sinclair Research Ltd.
Нет на форуме
#4 24.02.2011 11:43
- alemiks
- Опытный
- Откуда: Voronezh - Novgorod the Great
- Зарегистрирован: 09.04.2010
- Сообщений: 149
- Вебсайт
Re: float div
как они рядом-то будут, если общая ширина 2 х (50% + 4px) = 100% + 8px ???
для создания отступов нужен внутренний блок с шириной auto и нужными отступами (полями, рамками)
Отредактированно alemiks (24.02.2011 11:44)
Нет на форуме
#5 24.02.2011 12:05
- dionisp
- Разбирающийся
- Зарегистрирован: 16.02.2011
- Сообщений: 29
Re: float div
alemiks написал:
как они рядом-то будут, если общая ширина 2 х (50% + 4px) = 100% + 8px ???
для создания отступов нужен внутренний блок с шириной auto и нужными отступами (полями, рамками)
Спасибо за помощь. Изменил код, как показано ниже. Блоки встали рядом в Opera и Firefox. В IE, если медленно изменять ширину окна браузера, правый блок то перескакивает вниз, то становится рядом с левым. Как можно это обойти?
Код:
Untitled Document testtest
© 1982, Sinclair Research Ltd.
Нет на форуме
#6 24.02.2011 12:29
- alemiks
- Опытный
- Откуда: Voronezh - Novgorod the Great
- Зарегистрирован: 09.04.2010
- Сообщений: 149
- Вебсайт
Re: float div
dionisp написал:
В IE, если медленно изменять ширину окна браузера, правый блок то перескакивает вниз, то становится рядом с левым
да, к сожалению, в ие (в т.ч. в 7) 50% + 50% != 100% 
у правого блока можно задать margin-right: -1px только для ие
Нет на форуме
#7 24.02.2011 13:01
- dionisp
- Разбирающийся
- Зарегистрирован: 16.02.2011
- Сообщений: 29
Re: float div
alemiks написал:
dionisp написал:
В IE, если медленно изменять ширину окна браузера, правый блок то перескакивает вниз, то становится рядом с левым
да, к сожалению, в ие (в т.ч. в 7) 50% + 50% != 100%
у правого блока можно задать margin-right: -1px только для ие
Понятно. Билла на кол!
© 1982, Sinclair Research Ltd.
Нет на форуме
#8 24.02.2011 18:35
- MT
- Опытный
- Откуда: Moscow
- Зарегистрирован: 23.11.2009
- Сообщений: 122
Re: float div
alemiks написал:
к сожалению, в ие (в т.ч. в 7) 50% + 50% != 100%
На самом деле это закономерная специфика процентной абстракции в применении к пиксельному компьютерному дисплею.
Просто другие браузеры, в отличие от IE, округляют пиксельное значение ширины всегда в меньшую сторону. Для разработчиков IE это, видимо, оказалось, сложной задачей. %)
браузер | блог
Нет на форуме