Проблема с float

[nickostyle]

привет всем)

я чайник в верстке, учусь. Хотя, думал, с флоатом справлюсь...

Суть проста. Есть два блока, по 50% ширины каждый. Ставлю каждому float: left; width: 50%; (бордер для наглядности проблемы)

результат

причем происходит все так. Есть класс .block, для которого стоят только отступы. Так как они одинаковые для всех.

.block { margin-bottom: 30px;}

Ну и классы

.w50p {width: 50%;}
.floatleft {float: left;}

Прописываю

<div class="block w50p float">бла бла</div>
<div class="block w50p float">бла бла</div>

ЕСЛИ прописать дополнительно

.block {margin-bottom: 30px; float: left;}

То блоки становятся ровно, зато лезут другие косяки, связанные с отступами....(((

Edited March 30, 2011 by nickostyle

[tius]

>.floatleft {float: left;}

><div class="block w50p float">бла бла</div>

><div class="block w50p float">бла бла</div>

тест на внимательность.

[nickostyle]

да не, у меня то все правильно прописано, это здесь я ошибся.

Товарищи, вопрос на засыпку. отчего таблица может выезжать за границу экрана? я в бешенстве. никаких стилей к таблице вообще не применялось.

[tius]

да не, у меня то все правильно прописано, это здесь я ошибся.

В таком случае, все работает как надо.

Товарищи, вопрос на засыпку. отчего таблица может выезжать за границу экрана? я в бешенстве. никаких стилей к таблице вообще не применялось.

Из-за ширины содержимого или самой таблицы. Код/линк в студию.

[psywalker]

Лучше именно линк