Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Grid / 9 сообщений из 9, страница 1 из 1
27.12.2012, 14:50
    #38094969
spider13
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Grid
Народ подскажите,
есть 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, 16:14
    #38095119
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Grid
Видимо, баг браузера. 288 + 600 < 912 ...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.12.2012, 16:25
    #38095139
spider13
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Grid
IDVsbruckВидимо, баг браузера. 288 + 600 < 912 ...

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

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

бывают глюки)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Grid / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 369ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448916]:
 0ms
get settings:
 8ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 37ms
get topic data:
 12ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 1ms
others: 240ms
total:  369ms
x
x
Закрыть


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