Форум hotibo.ru

d_oleg · 26.01.2011 18:08

Страничка сверстана простейшим образом - в 2 колонки

тут меню навигации по сайту

тут содержание страницы

left описан как float: left; width: 100px, у content соответственно margin-left: 100px
все как бы хорошо и правильно _ПОКА НЕ_:
внутри блока контента нужно тоже использования float: left и апосля

(пример нужна картинка с подписью справа и текстом после картинки описание

Вот, и после снятия обтекания текст параграфа начинается после окончания содержания в блоке меню, т.е. появляется "дырка" между картинкой и текстом параграфа. Вопрос: как быть-то?

tapazukk · #2 26.01.2011 20:59

Может попробовать отказаться от clear?

Код:

.left{ width:100px; float:left; height:500px;}
.content{ margin-left:100px;}
.content p{ float:left; width:100%; }
img{ float:left;}

Код:

тут меню навигации по сайту

Lorem ispum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
 Maecenas fermentum, elit non lobortis cursus, orci velit suscipit est

У меня было подобное как то раз, не помню как решал.

vashurin · 29.01.2011 11:26

Попробуйте сделать такую структуру:

Код:

тут меню навигации по сайту
тут содержание страницы

Код:

div.float{float:left;}

tapazukk · 29.01.2011 11:42

vashurin, точно, так и решал, задав основному блоку c контентом float и width:100%

Форум hotibo.ru

#1 26.01.2011 18:08

простейшая верстка в 2 колонки и "clear"

#2 26.01.2011 20:59

Re: простейшая верстка в 2 колонки и "clear"

Код:

Код:

#3 29.01.2011 11:26

Re: простейшая верстка в 2 колонки и "clear"

Код:

Код:

#4 29.01.2011 11:42

Re: простейшая верстка в 2 колонки и "clear"

Board footer