Google Chrome - значение ширины дива

ku7mich · August 19, 2011

Следующий код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<title>test</title>
	<style type="text/css">
		body {
			font: 78%/130% "Verdana","Arial","Helvetica",sans-serif;
		}
		.accordion {

		}
		.accordion h3 {
			background: url("expand.gif") no-repeat scroll 99.5% center #E9E7E7;
			color: #346;
			padding: 5px 10px;
			margin: 1px 0 0;
			border: 1px solid #c4c4c4;
			cursor: pointer;
			border-radius: 5px;
		}
		.accordion h3:hover {
			background-color: #e3e2e2;
		}
		.accordion h3.active {
			background: url("collapse.gif") no-repeat scroll 99.5% center #E9E7E7;
		}
		#container_bigresp {
			margin: 2px auto 0;
			text-align: center;
		}
		#bigresp_1 {
			border-radius: 5px;
			display: inline-block;
		}
		.name_nbsp {
			display: block;
			font-size: 8pt;
			text-align: center;
			margin: 0 0 2px;
		}
		.event_name {
			background-color: #5A7F97;
			color: white;
			float: left;
			padding: 1px 12px 4px;
			position: relative;
			line-height: 25px;
			border-radius: 5px 0 0 5px;
		}
		.d_dash, .h_dash, .m_dash, .s_dash {
			line-height: 25px;
			padding: 3px 15px 2px;
			background-color: #5A7F97;
		}
		.s_dash {
			border-radius: 0 5px 5px 0;
		}
		.dash {
			color: white;
			float: left;
			position: relative;
		}
		.dash .digit {
			float: left;
			font: bold 14pt Verdana;
			position: relative;
			text-align: center;
			padding: 0 1px;
		}
		.dash_title {
			color: #BBDDFF;
			display: block;
			font-size: 8pt;
			background-color: #5A7F97;
			border-radius: 5px;
			padding: 0 5px;
			text-align: center;
			margin: 0 0 2px 2px;
		}
		#info_message {
			background-color: #5A7F97;
			color: #BBDDFF;
			display: block;
			border-radius: 5px;
			padding: 2px 12px;
			float: left;
		}
		hr {
			clear: both;
			margin: 0;
			opacity: 0;
			size: 0;
		}
	</style>
</head>
<body>
	<div class="accordion">
	<h3>Большой респ</h3>
	<div id="container_bigresp">
		<div id="bigresp_1">

			<div class="dash">
				<span class="name_nbsp"> </span>
				<div class="event_name">
					Большой респ через:
				</div>
			</div>

			<div class="dash days_dash">
				<span class="dash_title">Дня</span>
				<div class="d_dash"> 
				<div class="digit">0</div>
				<div class="digit">0</div>
				</div>
			</div>

			<div class="dash hours_dash">
				<span class="dash_title">Часов</span>
				<div class="h_dash"> 
				<div class="digit">0</div>
				<div class="digit">0</div>
				</div>
			</div>

			<div class="dash minutes_dash">
				<span class="dash_title">Минут</span>
				<div class="m_dash"> 
				<div class="digit">0</div>
				<div class="digit">0</div>
				</div>
			</div>

			<div class="dash seconds_dash">
				<span class="dash_title">Секунд</span>
				<div class="s_dash"> 
				<div class="digit">0</div>
				<div class="digit">0</div>
				</div>
			</div><hr NoShade color="white">
			<div id="info_message">
				Сбор в Ventrilo <font color="white"><b>за 30 минут</b></font> до начала респа.
			</div>

		</div>


	</div>
	</div>
</body>
</html>

отображается так:

FF 6

IE 8

Chrome 12.0.742.122

В хроме почему-то вторая цифра в каждом блоке перенеоситься на новую строку. Получилось исправить, если явно задать ширину дива в котором находяться цифры, но тогда при изменениее разрешения размер меняется несколько не пропорционально.

Softlink · August 19, 2011

уберите nbsp из блока

Sign In

Google Chrome - значение ширины дива

Question

ku7mich

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Softlink

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information