PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Какая-то странная математика или ширина div'а в процентах

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (3): « 1 [2] 3 »

Без описания

Поиск в теме | Версия для печати

Инсеин	Отправлено: 11 Января, 2012 - 14:19:03
Новичок Покинул форум Сообщений всего: 61 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	DlTA Такой вариант не совсем подходит, так как надо, чтобы скроллы не появлялись никогда ... а если к примеру 80% и 20% будут целыми числами (как у CenapaTop к примеру), то тогда 1px будет лишним и появится скролл ----- Судя по ходу мыслей, вас постоянно преследуют глупости.

DlTA	Отправлено: 11 Января, 2012 - 14:24:49
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	тогда вернемся к исходному вопросу, а этот пиксел вообще будет видно? он будет иметь другой цвет в релизе? если нет, то чего париться

Инсеин	Отправлено: 11 Января, 2012 - 14:26:55
Новичок Покинул форум Сообщений всего: 61 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	Всё, решение придумал ... правда на JS, но всё же ) Буду сравнивать ширину окна с общей шириной двух дивов и в случае разницы добавлять 1px в бордер ) Тему можно закрывать ... всем кто откликнулся огромное спасибо ! ) (Добавление) DlTA пишет: тогда вернемся к исходному вопросу, а этот пиксел вообще будет видно? он будет иметь другой цвет в релизе? если нет, то чего париться Просто там где эта полоса, будет находится скролл от JScrollPane ... и он тогда чуть плывёт в сторону ) ----- Судя по ходу мыслей, вас постоянно преследуют глупости.

CenapaTop	Отправлено: 11 Января, 2012 - 14:29:46
Частый гость Покинул форум Сообщений всего: 166 Дата рег-ции: Авг. 2009 Помог: 1 раз(а)	Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <html> <head> <style type="text/css"> * { margin: 0; padding: 0; } #divOne { border: 1px solid green; background: yellow; width: 100%; height: 3000px; } #divTwo { width: 80%; height: 100%; background: green; overflow: auto; float: left; } #divThree { width: 20%; height: 100%; background: #696969; overflow: auto; float: left; } .clear { clear: both; } </style> </head> <body> <div id="divOne"> <div id="divTwo"></div> <div id="divThree"></div> <div class="clear"></div> </div> </body> </html> горизонтального скролла нет (Отредактировано автором: 11 Января, 2012 - 14:30:07)

Инсеин	Отправлено: 11 Января, 2012 - 14:34:54
Новичок Покинул форум Сообщений всего: 61 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	CenapaTop Хм ... сейчас попробуем ) Попробывал. Скролл есть ) (Отредактировано автором: 11 Января, 2012 - 14:37:00) ----- Судя по ходу мыслей, вас постоянно преследуют глупости.

CenapaTop	Отправлено: 11 Января, 2012 - 14:52:28
Частый гость Покинул форум Сообщений всего: 166 Дата рег-ции: Авг. 2009 Помог: 1 раз(а)	скролла нет. скопируй мой код в новую страничку и посмотри.

Инсеин	Отправлено: 11 Января, 2012 - 15:11:20
Новичок Покинул форум Сообщений всего: 61 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	CenapaTop Скорее всего мы просто смотрим через разные баузеры ) Допустим эту полоску в 1px сейчас показует у меня только Опера ... в FF и IE всё ровно и красиво ) ----- Судя по ходу мыслей, вас постоянно преследуют глупости.

CenapaTop	Отправлено: 11 Января, 2012 - 15:16:04
Частый гость Покинул форум Сообщений всего: 166 Дата рег-ции: Авг. 2009 Помог: 1 раз(а)	opera 11 все нормально

DlTA	Отправлено: 11 Января, 2012 - 15:18:18
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	не забывайте про разрешение, и ширину видимой области, которая может разниться

Arch-Web	Отправлено: 12 Января, 2012 - 01:40:37
Частый гость Покинул форум Сообщений всего: 177 Дата рег-ции: Июль 2010 Откуда: Ukraine::Kiev Помог: 1 раз(а)	Инсеин, это всё из-за бордера в divThree убрать width: 20%; и будет гуд) (Отредактировано автором: 12 Января, 2012 - 01:51:27)

Инсеин	Отправлено: 12 Января, 2012 - 01:59:56
Новичок Покинул форум Сообщений всего: 61 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	Arch-Web Если убрать width: 20%; то тогда у него ширина будет 100% и не будет работать float, а значит див упадёт вниз ) (Добавление) Arch-Web пишет: это всё из-за бордера После того как убрал бордер, то в ИЕ и FF всё норм, а вот в Опере ничего не изменилось ----- Судя по ходу мыслей, вас постоянно преследуют глупости.

LIME	Отправлено: 12 Января, 2012 - 03:47:45
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	Инсеин пишет: то тогда у него ширина будет 100% и не будет работать float, а значит див упадёт вниз ) нет не будет не упадет

Инсеин	Отправлено: 12 Января, 2012 - 07:38:45
Новичок Покинул форум Сообщений всего: 61 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	LIME пишет: не упадет Ну, если он не упал, то значит просто исчез )) ... так как после того как убрал ему ширину ... перестал его вообще видеть ) ----- Судя по ходу мыслей, вас постоянно преследуют глупости.

LIME	Отправлено: 12 Января, 2012 - 07:39:59
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	странно)) я не перестал

Инсеин	Отправлено: 12 Января, 2012 - 07:51:07
Новичок Покинул форум Сообщений всего: 61 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	Хм ... после всех моих эксперементов с этим дивом, обнаружил ещё одно его странное свойство ... которое повергло меня в недоумение ещё больше чем этот 1px ... если свернуть браузер и потом развернуть, то див (тот что 20%) падает вниз, словно float у него нету И это только в Опере, в других браузерах подобного поведения не наблюдалось. И вот теперь я уж совсем растерялся ) ----- Судя по ходу мыслей, вас постоянно преследуют глупости.

Поиск в теме | Версия для печати

Страниц (3): « 1 [2] 3 »

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.