ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Grid
9 сообщений из 9, страница 1 из 1
Grid
    #38094969
spider13
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
spider13
Участник
Народ подскажите,
есть 2 браузера - хром 25(dev) и хром 23.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style>
* {margin: 0px;padding: 0px;}
.grid {margin-top: -20px;}
.grid .row {margin-top: 20px;overflow: hidden;}
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
	float: left;
}
.grid .span1 {width: 54px;}
.grid .span2 {width: 132px;}
.grid .span3 {width: 210px;}
.grid .span4 {width: 288px;}
.grid .span5 {width: 366px;}
.grid .span6 {width: 444px;}
.grid .span7 {width: 522px;}
.grid .span8 {width: 600px;}
.grid .span9 {width: 678px;}
.grid .span10 {width: 756px;}
.grid .span11 {width: 834px;}
.grid .span12 {width: 912px;}
</style>	
	</head>
	<body>
		<div style="width: 912px; float: left;	margin: 50px;">
			<div class="grid">
				<div class="row">
					<div class="span4" style="background-color: rgb(100, 100, 100);">4</div>
					<div class="span8" style="background-color: rgb(200, 100, 100);">8</div>
				</div>
			</div>
		</div>
	</body>
</html>



В 23 выводится нормально, как и в остальных. а в 25м второй блок переносится на новую строку.
Подскажите, это скорее баг браузера? или может ошибка в коде?
...
Рейтинг: 0 / 0
27.12.2012, 14:50
| Ответить | Цитировать | Написать  
Grid
    #38095119
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Видимо, баг браузера. 288 + 600 < 912 ...
...
Рейтинг: 0 / 0
27.12.2012, 16:14
| Ответить | Цитировать | Написать  
Grid
    #38095139
spider13
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
spider13
Участник
IDVsbruckВидимо, баг браузера. 288 + 600 < 912 ...

Вот и у меня такое предположение.

Может будут другие варианты? Как браузерами поддерживается отрицательный margin? grid лучше реализовывать с помощью отрицательного margin или лучше с помощью псевдокласса :first-child или :last-child
...
Рейтинг: 0 / 0
27.12.2012, 16:25
| Ответить | Цитировать | Написать  
Grid
    #38095145
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
а может, реализовать grid с помощью <table>
?
...
Рейтинг: 0 / 0
27.12.2012, 16:27
| Ответить | Цитировать | Написать  
Grid
    #38095156
spider13
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
spider13
Участник
не хотелось бы возвращаться к таблицам, если и с той разметкой все отображается нормально, даже в IE. думаю к тому времени, когда 25 хром перейдет из dev в stable, этот баг пофиксят.
...
Рейтинг: 0 / 0
27.12.2012, 16:31
| Ответить | Цитировать | Написать  
Grid
    #38095160
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
а может, реализовать grid с помощью <table>
?
...
Рейтинг: 0 / 0
27.12.2012, 16:33
| Ответить | Цитировать | Написать  
Grid
    #38095163
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
офигеть три минуты сообщение на форум заливалось
...
Рейтинг: 0 / 0
27.12.2012, 16:34
| Ответить | Цитировать | Написать  
Grid
    #38095164
spider13
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
spider13
Участник
Кстати, несколько особенностей. Если добавить в конец css .grid {margin-top: 0px;} то выравнивание происходит ровно. т.е. происходит задваивание margin, напоминает похожий баг ie 6 или 7. И еще, если в 25 хроме на этой разметке открыть developer tools, убрать(отключить) для элемента row свойство float: left а затем обратно его включить, то разметка будет нормальной, хотя вернутся она должна в первоначальное состояние.
...
Рейтинг: 0 / 0
27.12.2012, 16:34
| Ответить | Цитировать | Написать  
Grid
    #38095167
spider13
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
spider13
Участник
Паганельофигеть три минуты сообщение на форум заливалось

бывают глюки)
...
Рейтинг: 0 / 0
27.12.2012, 16:35
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Grid
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=146&tid=1448916]:
 0ms
get settings:
 10ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 77ms
get topic data:
 13ms
get forum data:
 4ms
get page messages:
 45ms
get tp. blocked users:
 2ms
others: 249ms
total:  427ms
созд. / загр.: 427ms
x
x
Закрыть


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