Растягивание контента при пустом правым sidebar'е

griboff · December 23, 2012

Здравствуйте нужна помощь, я уже запарился, все не по фен-шую них...

Проблема заключается в том чтоб при пустом правом сайд-баре контент растягивался на всю ширину, а если там что-то имеется сужался и по низу не оптекал сайд-бар. Я додумался только вот до токого:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">

#main {
	width:300px;
	margin:0 auto;
	height:500px;
	background-color:#E4E4E4;

}
*{
	margin:0;
	padding:0;
}
#block {
	float:right;
	/*background-color:#C9C;*/
	width:100%;
	margin-left:-100px;
}
#content{
}
#r-sidebar {
	width:100px;
	float:right;
	background-color:#66F;

}
#in {
	margin-right:100px;
	width:100%;

}
</style>
</head>
<body>
<div id="main">
    <div id="r-sidebar">
        r-sidebar r-sidebar
    </div>
    <div id="block">
    	<div id="in">
            <div id="content">
                content content  content content  content content  content 
                content  content content content content content content  
                content content content content content content  
            </div>
        </div>
    </div>
</div>
</body>
</html>

НО у меня вылезает естественно контент в лево на 100px, при наполненным сайд-баре. Подскажите что здесь не того, может есть другие решения? спасибо.

npofopr · December 23, 2012

все решения с этого форума

http://jsfiddle.net/npofopr/uEEXw/

http://jsfiddle.net/npofopr/69FtB/

griboff · December 23, 2012

все решения с этого форума
http://jsfiddle.net/npofopr/uEEXw/
http://jsfiddle.net/npofopr/69FtB/

Ага, дельный совет) что это??? И что я должен там увидеть себе в помощь??? Без js здесь не обойтись? Мне кажется тут js не причем, хз

griboff · December 23, 2012

к тому же зачем сбивать с толку mootools-ом знать про него не знал. может я jquery предпочитаю

Softlink · December 23, 2012

Ага, дельный совет) что это??? И что я должен там увидеть себе в помощь??? Без js здесь не обойтись? Мне кажется тут js не причем, хз

Смотрим в книгу и видим фигу Вам же предложили решение в чистом виде.

griboff · December 23, 2012

Ага, дельный совет) что это??? И что я должен там увидеть себе в помощь??? Без js здесь не обойтись? Мне кажется тут js не причем, хз
Смотрим в книгу и видим фигу Вам же предложили решение в чистом виде.

А сорри. Только там если убираешь содержимое сайдбаров контент который в центре не растягивается

а там надо полностью удалять блок. спасибо

npofopr · December 23, 2012

Вы просто не хотите думать.

Можно заменить width на max-width, убрав дополнительно паддинг

Edited December 23, 2012 by npofopr

griboff · December 24, 2012

Вы просто не хотите думать.
Можно заменить width на max-width, убрав дополнительно паддинг

Да нет, почему-жЕ, я когда в туалет хожу ток и думаю) приведите код если есть воможность, ну не как у меня не получается ни с pading, ни с margin, новичок я.

npofopr · December 24, 2012

Вы просто не хотите думать.
Можно заменить width на max-width, убрав дополнительно паддинг
Да нет, почему-жЕ, я когда в туалет хожу ток и думаю) приведите код если есть воможность, ну не как у меня не получается ни с pading, ни с margin, новичок я.

Значит мало в туалете сидели. Сходите еще. Книжку какую почитайте там.

hedgehog · December 24, 2012

Это для какой-то CMS?

Sign In

Растягивание контента при пустом правым sidebar'е

Question

griboff

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

npofopr

Link to comment

Share on other sites

griboff

Link to comment

Share on other sites

griboff

Link to comment

Share on other sites

Softlink

Link to comment

Share on other sites

griboff

Link to comment

Share on other sites

npofopr

Link to comment

Share on other sites

griboff

Link to comment

Share on other sites

npofopr

Link to comment

Share on other sites

hedgehog

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information