Показать сообщение отдельно
  #1 (permalink)  
Старый 22.02.2010, 21:29
Аспирант
Отправить личное сообщение для constantant Посмотреть профиль Найти все сообщения от constantant
 
Регистрация: 30.07.2008
Сообщений: 87

Chrome - вопрос по верстке.
Ниже приведен код страницы и css. Во всех браузерах работа нормальная кроме хрома.
В хроме ширина дива с классом "d" урезается на сумму width братьев.
Как можно решить проблему без добавления лишних элементов?
css:
Код:
ul,li,input{
	margin:0;
	padding:0;
	font-size:1px;
	}
ul{
	list-style:none;
	}
.itemOpen,
.itemClosed,
.itemEmpty{
	margin-left:16px;
	}
.content{
	height:16px;
	overflow:hidden;
	}
.content.odd{
	background:#cbccff;
	}
.content.even{
	background:#bdbfff;
	}
.content.hover{
	background:#eaff00;
	}
.content.selected{
	background:#ffb400;
	}
.content input{
	float:left;
	width:12px;
	height:12px;
	margin:2px;
	}
.a,
.b,
.c,
.e,
.f{
	float:left;
	width:16px;
	height:16px;
	background:transparent url(images/bridge-icons.gif) no-repeat 0 0;
	}
.d{
	width:auto;
	height:16px;
	padding:0 4px 0;
	margin:0 32px 0 64px;
	font-size:12px;
	overflow:hidden;
	/* background:#0f0; */
	}
.e,
.f{
	float:right;
	}
.itemOpen .a{
	background-position:0 -32px;
	}
.itemClosed .a{
	background-position:0 -16px;
	}
.itemEmpty .a{
	background-position:0 0;
	}
html:
<body>

<div class="bridgeTree">

<ul id="1.1">
	<li class="itemOpen">
		<div class="content odd">
			
			<div class="a"></div>
			<input type="checkbox" />
			<div class="b"></div>
			<div class="c"></div>
			<div class="e"></div>
			<div class="f"></div>
			<div class="d">text-1 text-1 text-1 text-1 text-1 text-1</div>
		</div>
		<ul id="1.2">
			<li class="itemEmpty">
				<div class="content even">
					<div class="a"></div>
					<input type="checkbox" />
					<div class="b"></div>
					<div class="c"></div>
					<div class="e"></div>
					<div class="f"></div>
					<div class="d">text-2 text-2 text-2 text-2 text-2 text-2</div>
				</div>
				
			</li>
		</ul>
		<ul id="1.3">
			<li class="itemEmpty">
				<div class="content odd">
					<div class="a"></div>
					<input type="checkbox" />
					<div class="b"></div>
					<div class="c"></div>
					<div class="e"></div>
					<div class="f"></div>
					<div class="d">text-3 text-3 text-3 text-3 text-3 text-3</div>
				</div>
				
			</li>
		</ul>
		<ul id="1.4">
			<li class="itemEmpty">
				<div class="content even">
					<div class="a"></div>
					<input type="checkbox" />
					<div class="b"></div>
					<div class="c"></div>
					<div class="e"></div>
					<div class="f"></div>
					<div class="d">text-4 text-4 text-4 text-4 text-4 text-4</div>
				</div>
				
			</li>
		</ul>
	</li>
</ul>

</div>

</body>
Ответить с цитированием