Помогите разобраться с div-ами

Статус
Закрыто для дальнейших ответов.

webdron

New Member
Регистрация
03.03.2010
Сообщения
8
Не найдется ли у кого-нибудь минутки разобраться с такой проблемой. Пытаюсь освоить верстку div-ами, но сталкиваюсь с тем, что в разных браузерах результат различен.
Почти правильно в IE8, правильно в Opera 10.50 и весьма странно в Chrome 5.0 dev.

Использую следующие два стиля:
Код:
#content {
	background: #fff;
	float: left;	
}

#item {
	float: left;
	background: #fff;
	width: 115px;
	height: 50px;
	margin: 0 10px 15px 0;
	padding: 10px;
	line-height: 16px;
	border: 1px solid #e6e6e6;
	color: #444;
}
и html
Код:
	<div id="content">
		<div id="item"><a href=#>Текст 1</div>
		<div id="item"><a href=#>Текст 1</div>
		<div id="item"><a href=#>Текст 1</div>
		<div id="item"><a href=#>Текст 1</div>

	</div>
в хроме получается так, как на вложенной картинке. Что здесь не правильно?
 

Вложения

Creator

Administrator
Команда форума
Регистрация
03.03.2005
Сообщения
1 745
Вы не отменили обтекание.

Код:
 <div id="content">
                <div id="item"><a href=#>Текст 1</div>
                <div id="item"><a href=#>Текст 1</div>
                <div id="item"><a href=#>Текст 1</div>
                <div id="item"><a href=#>Текст 1</div>
<div style="clear: both;"></div>
        </div>
 
Статус
Закрыто для дальнейших ответов.
Верх Низ