div 3 колонки

olejan · March 28, 2011

НЕобходимо,чтобы три блока внутри другого блока находились на одной высоте прижатые друг к другу,но 3й блок уходит вниз. Как исправить, потому что не могу понять что делаю не так

Код CSS

div#header {

background: grey;

border: yellow 3px ridge;

width: 888px;

min-width: 200px;

}

div#logo{

background: red;

border: green 2px ridge;

width: 363px;

height: 140px;

float: left;

}

div#menu{

background: darkblue;

border: black 2px ridge;

width: 150px;

height: 169px;

margin-left: 367px;

margin-right: 367px;

}

div#picture{

background: top yellow;

border: darkgreen 2px ridge;

width: 363px;

height: 169px;

float: right;

}

Код html

<!--

To change this template, choose Tools | Templates

and open the template in the editor.

-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>LugOS - интернет магазин</title>

</head>

<body>

<div id="logo">Логотип</div>

<div id="picture">Рисунок по теме сайта</div>

</div>

</body>

</html>

Edited March 28, 2011 by olejan

psywalker · March 28, 2011

<div id="logo">Логотип</div>

<div id="picture">Рисунок по теме сайта</div>

olejan · March 28, 2011

ну я дал)спс большое) Edited March 28, 2011 by olejan

photograf · March 28, 2011

Макс, это как раз и есть те самые особенности потока - как элементы "собираются" на странице?

psywalker · March 28, 2011

Макс, это как раз и есть те самые особенности потока - как элементы "собираются" на странице?

Не понял вопроса.

ну я дал)спс большое)

Пожалуйста.

olejan · March 28, 2011

все разобрался)

Edited March 28, 2011 by olejan

photograf · March 29, 2011

Не понял вопроса.

Сейчас попробую объяснить что я имел ввиду.

Как себе представляю формирование элементов на странице когда идет их "сборка" для отображение (в частности для элементов со свойством float)

В родительском контейнере из нижнего левого угла вверх до упора (до элемента с свойством float или атрибутом relative, если их нет - до верха родительского элемента) и потом влево (условия те же). Если по пути встречается элемент об который размещаемый блок "спотыкается" он останавливается там, где "споткнулся".

В голове себе это представляю, как объяснить - не очень =)

Где вообще можно почитать про "поток"? Чтобы меньше задавать вопросов? :devil:

Sign In

div 3 колонки

Question

olejan

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

olejan

Link to comment

Share on other sites

photograf

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

olejan

Link to comment

Share on other sites

photograf

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information