Нужен совет по верстке

spider13

16 января 2013, 10:00

356

Народ подскажите,

есть 2 браузера - хром 25(dev) и хром 23.

<!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м второй блок переносится на новую строку.

Подскажите, это скорее баг браузера? или может ошибка в коде?

Данная тема уже поднималась на sql.ru, но толкового ответа я не получил, поэтому создал тему здесь.

И еще вопрос, как браузерами поддерживается отрицательный margin? grid лучше реализовывать с помощью отрицательного margin или лучше с помощью псевдокласса :first-child?

Зачем быть уникальным в мире, где все можно скопировать

Вышел новый Яндекс Браузер с YandexGPT и YandexART

Нужен совет по верстке