ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Резиновая верстка
18 сообщений из 18, страница 1 из 1
Резиновая верстка
    #38344474
орпрпрпапаима
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
орпрпрпапаима
Гость
Две колонки. \резиновая верстка. Пробую сделать НО при сжимании браузера. перескакивает правый блок.
Чего делать
...
Рейтинг: 0 / 0
25.07.2013, 23:48
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38344479
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
<table>
...
Рейтинг: 0 / 0
25.07.2013, 23:51
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38344488
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
орпрпрпапаимаЧего делатьПисать сочинения, а не html.

Разметку нам угадывать?
...
Рейтинг: 0 / 0
26.07.2013, 00:04
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38344497
кпуцпкцукапцук
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кпуцпкцукапцук
Гость
AntonariyорпрпрпапаимаЧего делатьПисать сочинения, а не html.

Разметку нам угадывать?
Разметка ЛЮБАЯ.
Я написал тупо нужно две колонки. Чтоб масштабировались при измнении размеров браузера
...
Рейтинг: 0 / 0
26.07.2013, 00:15
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38344502
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
кпуцпкцукапцукРазметка ЛЮБАЯ.Ну тогда делать — ЧТО УГОДНО.

Начать можно таки с table.
...
Рейтинг: 0 / 0
26.07.2013, 00:27
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38344587
deblogger
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
deblogger
Участник
Прицеплюсь к теме. Представьте простейшая верстка, блок текста - его фотка, текст - фотка. Кладу в div, картинка float все зашибись. Второй div следом - а картинки из первого вылезают и наезжают на следующий в котором все элементы в ужасе разбегаются в разные стороны. Забил, надо было срочно отпостить, нарисовал table. Вопрос - как сделать чтобы див рос вслед за плавающими элементами.
...
Рейтинг: 0 / 0
26.07.2013, 07:50
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38344589
deblogger
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
deblogger
Участник
орпрпрпапаимаДве колонки. \резиновая верстка. Пробую сделать НО при сжимании браузера. перескакивает правый блок.
Чего делать

Возможно вам подойдет box sizing

Код: css
1.
2.
3.
4.
div {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}



И наоборот

Код: css
1.
2.
3.
4.
input[type="search"] {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}
...
Рейтинг: 0 / 0
26.07.2013, 07:52
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38344592
deblogger
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
deblogger
Участник
Кроме того на практике высота как правило фиксируется, поскольку вертикальная прокрутка дело привычное (в отличии от горизонтальной). Убегающие дивы можно засунуть в див которому задать вполне конкретное значение высоты, оверфлоу хидден и что-то еще типа word-wrap или типа того.

Кстати, хотите заценить истинно резиновый дизигн? Зайдите на сайт микрософт.кам
...
Рейтинг: 0 / 0
26.07.2013, 07:57
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38344600
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Ребята, никому не нужны ваши сочинения на тему "как у меня все полохо". Если хотите получить помощ - выкладывайте свои тестовые примеры и картинки с нужным макетом, там же показ как должно тянуться и куда.
Ваши литературные спичи нафик не нужны...
...
Рейтинг: 0 / 0
26.07.2013, 08:24
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38345817
орпрпрпапаима
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
орпрпрпапаима
Гость
krvsaРебята, никому не нужны ваши сочинения на тему "как у меня все полохо". Если хотите получить помощ - выкладывайте свои тестовые примеры и картинки с нужным макетом, там же показ как должно тянуться и куда.
Ваши литературные спичи нафик не нужны...
Должно быть две колонки.В первой текст и во второй текст. Вторая колонка - резиновая по горизонтали, но не больше скажим 1000px
...
Рейтинг: 0 / 0
26.07.2013, 18:04
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38345835
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
орпрпрпапаимаВ первой текст и во второй текст. Вторая колонка - резиновая по горизонтали, но не больше скажим 1000px http://jsfiddle.net/4D8Ms/
...
Рейтинг: 0 / 0
26.07.2013, 18:10
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38345910
орпрпрпапаима
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
орпрпрпапаима
Гость
ПаганельорпрпрпапаимаВ первой текст и во второй текст. Вторая колонка - резиновая по горизонтали, но не больше скажим 1000px http://jsfiddle.net/4D8Ms/
Паганель, Вы принципиальный противник divов?
...
Рейтинг: 0 / 0
26.07.2013, 18:49
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38345917
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
я принципиальный противник лишней работы
...
Рейтинг: 0 / 0
26.07.2013, 18:54
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38345919
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Ты же сам сказал, что разметка любая. Фигли ноешь теперь?

Csstemplater.com
...
Рейтинг: 0 / 0
26.07.2013, 18:54
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38345933
орпрпрпапаима
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
орпрпрпапаима
Гость
AntonariyТы же сам сказал, что разметка любая. Фигли ноешь теперь?

Csstemplater.com
а с чего ты взял что я ною
...
Рейтинг: 0 / 0
26.07.2013, 18:59
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38347792
deblogger
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
deblogger
Участник
орпрпрпапаима,

Без маеты со всякими там боксайзами делается просто: правому диву напишите держаться от левого края настолько же процентов, насколько процентов занимает левый див. Кроме того вертикальные дивы легко запихать в горизонтальный где и пофиксить.

Про табли для разметки кучи дизайна написано на в3ц, что это допустимо, но не красит.

Кроме того в табле есть свои грабли.
...
Рейтинг: 0 / 0
29.07.2013, 18:59
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38360060
Denis1991
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Denis1991
Участник
C помощю CSS попробуй сделать. Например посмотри что такое max-width и min-width!
...
Рейтинг: 0 / 0
08.08.2013, 17:20
| Ответить | Цитировать | Написать  
Резиновая верстка
    #38360063
Denis1991
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Denis1991
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<!DOCTYPE html>
<html>
  <head>
	<meta charset="utf-8">
	<title>Уроки CSS. Часть 3</title>
	<link rel="stylesheet" href="style.css">
  <head>
  <body>
<table border="1">
	<tr>
		<td id="c1" width="1000">Cell1</td>
		<td id="c2">Cell2</td>
	</tr>
</table>
  </body>
  </html>



И CSS

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
#c2 {
	width: 600px;
	max-width: 600px;
	min-width: 300px;
}
#c1 {
	min-width: 500px;
}
...
Рейтинг: 0 / 0
08.08.2013, 17:22
| Ответить | Цитировать | Написать  
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Резиновая верстка
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=123&tid=1448028]:
 0ms
get settings:
 9ms
get forum list:
 11ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 65ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 32ms
get tp. blocked users:
 1ms
others: 228ms
total:  363ms
созд. / загр.: 363ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]