[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Резиновый сайт с динамическим сайдбаром
dradven
Здравствуйте.
Решил написать на данный форму так как надеюсь здесь мне ответят быстрее..
вопрос конечно не касается программированию на пхп но все же..

нужно сделать верстку.
резиновый сайт. в две колонки: контент и сайдбар
так вот на одной странице сайдбар 40% ширины, а на другой - 20%.

соответственно мне нужно что бы в первом случае контент растягивался на 60%, а в другом на 80%.

заранее спасибо за советы.

по моим соображениям, для сайдбара не нужно выставлять ширину, он будет формироваться в зависимости от своего содержимого, а вот для контента наверно нужно ставить 100% ширину, но оно не очень получаеться, контент растягивается и вытесняет сайдбар.
естественно разные классы я прописать не могу, все должно делаться одним стилем для каждого блока.
есть
<div id="content">
...
</div>
<div
id="sidebar">
...
</div>


можно сделать таблицами - но это старо, не модно, глупо.
тем более верстаю под HTML5



Спустя 3 часа, 18 минут, 49 секунд (28.06.2012 - 02:18) sebastjan написал(а):
dradven
А на что отвечать?
За тебя что ли делать?
Садишся и куришь хтмл+цсс.

Спустя 1 час, 41 минута, 42 секунды (28.06.2012 - 04:00) inpost написал(а):
Верстаю под HTML5 подразумевает понимания HTML4, вообще-то, потому что HTML5 лишь расширение функционала, а не его замена.
Для твоей цели как раз таблицы удобны были, так как контент ты мог бы лучше сгруппировать.
В любом случае ты хочешь сделать 2 блока с шириной, так в чём, собственно, вопрос? Ширина выставляется через СSS: width:40% smile.gif

Спустя 10 часов, 43 минуты, 1 секунда (28.06.2012 - 14:43) dradven написал(а):
Да я знаю, что ширина через css

Верстаю под Cms, в дизайне сделали так, что на главной ширина контента - 60%,
а на дургих - 80%.
Но я не могу менять клас для блока с контентом в зависимости от страницы.

таблицы уже практически не используют, да и условие такое - работать с дивами.

Цитата
А на что отвечать?
За тебя что ли делать?
Садишся и куришь хтмл+цсс.

я написал что мне нужно, как я делал и у меня не получилось..не знаете ответа - не заставляйте ставить вам "-", лучше помолчите.

Спустя 2 часа, 2 минуты, 32 секунды (28.06.2012 - 16:45) dev написал(а):
<style>
#content80{margin-right:20%}
#sidebar20{float:right;width:20%}
#content60{margin-right:40%}
#sidebar40{float:right;width:40%}
</style>
<div
id="sidebar40">
40
</div>
<div
id="content60">
60
</div>

<div
style="clear:both;"></div>

<div
id="sidebar20">
20
</div><div id="content80">
80
</div>

Спустя 46 минут, 15 секунд (28.06.2012 - 17:32) Guest написал(а):
меняй только ширину сайдбара и флоати его. контенту - overflow: hidden; соотвественно сайдбар в потоке должен идти раньше. По идеи должно норм быть.

Спустя 4 минуты, 44 секунды (28.06.2012 - 17:36) Gesandte написал(а):

div.sidebar {
float: right;
width: 20%;
}

div.content {
overflow: hidden;
}


<div class="sidebar"></div>
<div class="content"></div>
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.