Форум hotibo.ru

DimaVidn2 · #1 25.08.2014 04:16

Надо чтобы вот input, занял всё, что останется от select
http://img412.imageshack.us/img412/6476/fwggweg.png

vashurin · #2 25.08.2014 18:02

А ваш код?

DimaVidn2 · #3 25.08.2014 19:03

vashurin написал:

А ваш код?

Да не имеет значения, я если что подстрою.
Суть-то в том что инпут width:100% должен вписываться во всё что остаётся от селекта , ну и чтобы не использоваться размеры в пикселах

vashurin · #4 26.08.2014 23:09

Ну интересно как вы решали...
Сам то я такое уже делаю просто.

DimaVidn2 · #5 27.08.2014 23:45

Ну если бы я решил такое (без задания попиксельно), то я бы не спрашивал совета. А пытался решить я по-разному

vashurin · #6 28.08.2014 09:26

Ну раз пытались решить, то ладно.
Вот мой вариант.

Код:

staff-base · #7 28.08.2014 14:30

Есть простое решение, но оно типа не кошерно для div-фанатов
Надо плюнуть на тех, кто болтает за чистоту кода, и пользовать таблицы.

Отредактированно staff-base (28.08.2014 14:33)

vashurin · #8 28.08.2014 23:10

staff-base, ну мой пример явно компактнее и правиться проще, в отличие от таблиц.

staff-base · #9 29.08.2014 00:12

vashurin написал:

staff-base, ну мой пример явно компактнее и правиться проще, в отличие от таблиц.

Дело не в компактности, а в том, что ваш код принципиально не решает поставленную задачу да и не логичен. Посмотрите сами, что будет на разных разрешениях.

А вот таблицы, при всём "анохронизме" и раздутости кода, являются единственным блочным элементом, который растягивается в ширину по содержимому.

Код:

Первое поле

Второе поле

Здесь удобно ещё то, что если налажаете и неучтёте возможные пользовательские перенастройки разрешения/масштабирования или увеличения дефолтных шрифтов в браузере посетителя, то левая ячейка растянется до необходимой ширины. А когда рядом два дива и в левом, например, текст или какой-то элемент оказался шире, то этот элемент наползет на див находящийся справа. Результат - потеря посетителя, только ради упёртой идеи о валидности или ещё чего-то там.

Есть ещё один случай форматирования, для которого div совершенно не подходит - недостижима не определённая, но равная высота блоков выстроеных в горизонтальный ряд при разном наполнении. А таблица решает это совершенно естественно. Тоже самое, если захотим сравнять ширину вертикальных блоков.

vashurin · #10 29.08.2014 10:52

staff-base написал:

Дело не в компактности, а в том, что ваш код принципиально не решает поставленную задачу да и не логичен. Посмотрите сами, что будет на разных разрешениях.

Проверил во всех разрешениях и во всех браузерах и все нормально.
В каком, при каком разрешении, и в каком браузере и ОС проблема?

staff-base написал:

Здесь удобно ещё то, что если налажаете и неучтёте возможные пользовательские перенастройки разрешения/масштабирования или увеличения дефолтных шрифтов в браузере посетителя, то левая ячейка растянется до необходимой ширины. А когда рядом два дива и в левом, например, текст или какой-то элемент оказался шире, то этот элемент наползет на див находящийся справа. Результат - потеря посетителя, только ради упёртой идеи о валидности или ещё чего-то там.

Ну так покажите пример с мои кодом, где он налажает?

staff-base написал:

Есть ещё один случай форматирования, для которого div совершенно не подходит - недостижима не определённая, но равная высота блоков выстроеных в горизонтальный ряд при разном наполнении.

Это я делал и делаю без проблем, при том опять таки кода оказывается меньше. А править проще. К тому же, мне всегда требуется делать версию для печати и блочно, делать ее просто.
Примеров с двумя, тремя или сколько угодно равными колонками в интернете полно.
Подкинуть парочку?

staff-base · #11 29.08.2014 13:09

Ну, раз пошёл холивар, начинаем цепляться к деталям
1 - что такое zoom:1;?

vashurin · #12 29.08.2014 23:12

zoom: MSDN вам в помощь
Но, в каких ОС, браузерах и при каких разрешениях данное решение глючит?

staff-base · #13 01.09.2014 20:31

vashurin написал:

zoom: MSDN вам в помощь
Но, в каких ОС, браузерах и при каких разрешениях данное решение глючит?

1. Посылать в Microsoft - есть высшая форма хамства.
2. Глючить будет в IE6 из-за неподдержки свойства overflow - это 3-5% посетителей.

vashurin · 01.09.2014 20:51

staff-base написал:

vashurin написал:

zoom: MSDN вам в помощь
Но, в каких ОС, браузерах и при каких разрешениях данное решение глючит?

1. Посылать в Microsoft - есть высшая форма хамства.
2. Глючить будет в IE6 из-за неподдержки свойства overflow - это 3-5% посетителей.

staff-base, а у вас ест IE6?
Просто включите его и посмотрите в нем.

Форум hotibo.ru

#1 25.08.2014 04:16

Как расположить 2 div по горизонтали, второй ширины по содержимому?

#2 25.08.2014 18:02

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

#3 25.08.2014 19:03

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

vashurin написал:

#4 26.08.2014 23:09

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

#5 27.08.2014 23:45

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

#6 28.08.2014 09:26

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

Код:

#7 28.08.2014 14:30

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

#8 28.08.2014 23:10

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

#9 29.08.2014 00:12

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

vashurin написал:

Код:

#10 29.08.2014 10:52

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

staff-base написал:

staff-base написал:

staff-base написал:

#11 29.08.2014 13:09

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

#12 29.08.2014 23:12

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

#13 01.09.2014 20:31

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

vashurin написал:

#14 01.09.2014 20:51

Re: Как расположить 2 div по горизонтали, второй ширины по содержимому?

staff-base написал:

vashurin написал:

Board footer