Форум 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


test
test

© 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% smile
у правого блока можно задать margin-right: -1px только для ие

Нет на форуме

 

#7 24.02.2011 13:01

dionisp
Разбирающийся
Зарегистрирован: 16.02.2011
Сообщений: 29

Re: float div

alemiks написал:

dionisp написал:

В IE, если медленно изменять ширину окна браузера, правый блок то перескакивает вниз, то становится рядом с левым

да, к сожалению, в ие (в т.ч. в 7) 50% + 50% != 100% smile
у правого блока можно задать margin-right: -1px только для ие

Понятно. Билла на кол! smile


© 1982, Sinclair Research Ltd.

Нет на форуме

 

#8 24.02.2011 18:35

MT
Опытный
Откуда: Moscow
Зарегистрирован: 23.11.2009
Сообщений: 122

Re: float div

alemiks написал:

к сожалению, в ие (в т.ч. в 7) 50% + 50% != 100% smile

На самом деле это закономерная специфика процентной абстракции в применении к пиксельному компьютерному дисплею.
Просто другие браузеры, в отличие от IE, округляют пиксельное значение ширины всегда в меньшую сторону. Для разработчиков IE это, видимо, оказалось, сложной задачей. %)


браузер | блог

Нет на форуме

 

Board footer