Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Резиновая верстка / 18 сообщений из 18, страница 1 из 1
25.07.2013, 23:48
    #38344474
орпрпрпапаима
орпрпрпапаима
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Резиновая верстка
Две колонки. \резиновая верстка. Пробую сделать НО при сжимании браузера. перескакивает правый блок.
Чего делать
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.07.2013, 23:51
    #38344479
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Резиновая верстка
<table>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 00:04
    #38344488
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Резиновая верстка
орпрпрпапаимаЧего делатьПисать сочинения, а не html.

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

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

Начать можно таки с table.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 07:50
    #38344587
deblogger
deblogger
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Резиновая верстка
Прицеплюсь к теме. Представьте простейшая верстка, блок текста - его фотка, текст - фотка. Кладу в div, картинка float все зашибись. Второй div следом - а картинки из первого вылезают и наезжают на следующий в котором все элементы в ужасе разбегаются в разные стороны. Забил, надо было срочно отпостить, нарисовал table. Вопрос - как сделать чтобы див рос вслед за плавающими элементами.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 07:52
    #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:57
    #38344592
deblogger
deblogger
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Резиновая верстка
Кроме того на практике высота как правило фиксируется, поскольку вертикальная прокрутка дело привычное (в отличии от горизонтальной). Убегающие дивы можно засунуть в див которому задать вполне конкретное значение высоты, оверфлоу хидден и что-то еще типа word-wrap или типа того.

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

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

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

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

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

Кроме того в табле есть свои грабли.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.08.2013, 17:20
    #38360060
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Резиновая верстка
C помощю CSS попробуй сделать. Например посмотри что такое max-width и min-width!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.08.2013, 17:22
    #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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Резиновая верстка / 18 сообщений из 18, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 508ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1448028]:
 0ms
get settings:
 8ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 177ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 75ms
get tp. blocked users:
 2ms
others: 207ms
total:  508ms
x
x
Закрыть


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