Подскажите с версткой

376

Miracle

18 июля 2011, 07:02

856

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

#content{

	width: 500px;

	margin: 0 auto;

    border:1px solid green;

	float:left;

}

#rmenu, #lmenu

{

	

		float:left;

		border:1px solid blue;

}





<div id=container>

	<div id=lmenu>

		<li>menu</li>

		<li>menu</li>

		<li>menu</li>

		<li>menu</li>

		<li>menu</li>

		<li>menu</li>

	</div>

	<div id=content>

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 

	</div>



	<div id=rmenu>

	simple text	simple text	simple text	simple text

	</div>

</div>

отец сыночка, лапочки дочки и еще одного сыночка

CN

155

conturov.net

18 июля 2011, 07:14

#1

Держите ссылочку: http://htmlbook.ru/layout

62

Tortemon

18 июля 2011, 07:19

#2

#content{
width: 500px;
margin: 0 auto;
border:1px solid green;
margin-left:152px;
}

#rmenu {
float:right;
width:150px;
}

#lmenu {
float:left;
width:150px;
}

margin-left:150px; у #content регулируется в зависимости от width #lmenu, оно должно быть на пару пикселей больше.

Веб и мобильная разработка [PHP, JS, Golang, Python, Java] (/ru/forum/998064)

M

376

Miracle

18 июля 2011, 07:23

#3

там нет того что мне надо, по крайней мере я не увидел. тыкнитие если не прав

Miracle добавил 18.07.2011 в 11:35

Tortemon:
margin-left:150px; у #content регулируется в зависимости от width #lmenu, оно должно быть на пару пикселей больше.

спасибо.

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

Партнерам РСЯ стал доступен Яндекс обновил интерфейс конструктора В Рекламной сети Яндекса

62

Tortemon

18 июля 2011, 07:38

#4

Miracle:
там нет того что мне надо, по крайней мере я не увидел. тыкнитие если не прав

Miracle добавил 18.07.2011 в 11:35

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

Чтобы прижать все просто либо задаете ширину почти состыковывающуюся, или же просто у правого ставите margin-right: и кол-во пикселей до присоединения к центральному.

129

yet_warm

18 июля 2011, 07:41

#5

Miracle:
там нет того что мне надо, по крайней мере я не увидел. тыкнитие если не прав

Вот еще неплохие варианты

Многие хотят попасть в рай, мало кто хочет для этого умирать.

M

376

Miracle

18 июля 2011, 07:42

#6

Tortemon:
Чтобы прижать все просто либо задаете ширину почти состыковывающуюся

помоему не правильный подход, так как это размер браузера может меняться.

Tortemon:
правого ставите margin-right: и кол-во пикселей до присоединения к центральному

помоему это почти тоже самое что вы сказали до этого, но с резиной это не сработает

Miracle добавил 18.07.2011 в 11:44

спасибо

yet_warm:
Вот еще неплохие варианты

я бы склонился больше к этому варианту http://matthewjamestaylor.com/blog/split-page-3-column-liquid-layout.htm , вот сижу разбираюсь.

http://www.cssplay.co.uk/layouts/flexible-3column-flex-fix-flex.html - при сужении не симетричны

СЕО, как профессия. Продам домен вместе с Какой минимальный срок вы

62

Tortemon

18 июля 2011, 07:48

#7

Miracle, тогда можно задать ширину только двум боковым колонкам, а центральную сделать резиновой, больше выхода не вижу.

M

376

Miracle

18 июля 2011, 07:52

#8

Tortemon:
Miracle, тогда можно задать ширину только двум боковым колонкам, а центральную сделать резиновой, больше выхода не вижу.

если бы так было нужно то, думаю, вопросов я бы не задавал ))

CN

155

conturov.net

18 июля 2011, 08:30

#9

Miracle:
там нет того что мне надо, по крайней мере я не увидел. тыкнитие если не прав

Вот то что вам нужно: http://htmlbook.ru/layout/fiksirovannaya-shirina-tri-kolonki


#container {

 width: 900px; /* Ширина макета */

 margin: 0 auto; /* Выравнивание по центру */

}

#nav {

 width: 200px; /* Ширина левой колонки */

 float: left;

}

#aside {

 width: 300px; /* Ширина правой колонки */

 float: right;

}

#content {

 margin: 0 300px 0 200px; /* Отступ на ширину левой и правой колонки*/

}

Или вам нужно что-бы левая и правая колонка были резиновыми, а центр фиксированной ширины?

M

376

Miracle

18 июля 2011, 08:39

#10

conturov.net:
Или вам нужно что-бы левая и правая колонка были резиновыми, а центр фиксированной ширины?

именно это и нужно.

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

Что такое Power BI и зачем это нужно бизнесу