Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Высота сайдбара и контента на 100%

Сообщения:  [1-10]    [11-20]  [21-23] 

 
 автор: AlexSol   (15.04.2010 в 11:34)   письмо автору
 
   для: pautina   (15.04.2010 в 11:17)
 


#container {
background:url("../images/bg_sidebar.jpg") repeat-y scroll left top #FFFFFF;
float:left;
overflow:visible;
width:100%;
}

#content {
background:url("../images/bg_content.jpg") repeat-y scroll right top transparent;
padding:0 15px 0 330px;
}

.sl {
float:left;
margin-left:-100%;
position:relative;
width:310px;
}

  Ответить  
 
 автор: pautina   (15.04.2010 в 11:17)   письмо автору
 
   для: АЯ   (14.04.2010 в 12:10)
 

Вот последний свёрстанные макет http://my-page40.xmldesign.ru/
Сверстал и на Joomla 1.5.15 поставил.
Вот ещё пример вёрстки http://www.my-page39.narod.ru
Здесь нет рамок и никаких высот для сайдбара выставлять не надо.
http://www.my-page38.narod.ru
Сдесь слева рамка, сайдбар на 100% но не тянется а обрезается.
Может я чего в высотах и не понимаю но нужно найти решение. Если можете помочь подскажите ответ.

  Ответить  
 
 автор: АЯ   (14.04.2010 в 12:10)   письмо автору
 
   для: pautina   (13.04.2010 в 21:48)
 

>"если бы я делал таблицами (сделал бы основной каркас td.left { height:100%} и всё бы работало.) "

Вы только говорить горазды...
Вот возьмите и сделайте:
<html>
<head>
<style>html, body, table, tbody, tr, td  {height: 100%}</style>
</head>
<body>
<table bgcolor="red" width="50%"><tbody><tr><td>1</td></tr></tbody></table>
</body>
</html>

Запустите в браузере.
Поизменяйте размер окна браузера.

Может быть, тогда поймёте - что такое "100% высоты".
И поймёте, что нужные вам 100% - это совсем другие 100%.

  Ответить  
 
 автор: pautina   (13.04.2010 в 21:48)   письмо автору
 
   для: АЯ   (13.04.2010 в 16:42)
 

Как хотите понимайте, мне лишь бы решение найти, неужели вы не поняли чего же я хочу добится :-) (сомневаюсь, что вам это непонятно)
Сайдбар должен тянутся на 100% по высоте, если бы я делал таблицами (сделал бы основной каркас td.left { height:100%} и всё бы работало.)
Но здесь не идёт,
Почему, не ясно, по коду высота сайдбара выставлена 100%, но до начала футера не тянется.
САЙДБАР ДОЛЖЕН ТЯНУТСЯ ДО НАЧАЛА ФУТЕРА его ВЫСОТА 100%, но ОН ОБРЕЗАЕТСЯ

  Ответить  
 
 автор: АЯ   (13.04.2010 в 16:42)   письмо автору
 
   для: pautina   (11.04.2010 в 14:43)
 

Я вас не понимаю.
СОВСЕМ не понимаю.

100% для вас - это высота ОКНА?
Или для вас - это высота СОДЕРЖИМОГО? Которое в реале составляет НЕСКОЛЬКО окон.

Определитесь с этим.
Для себя самого.
Потом введите нас в курс вашего понимания.
Если поймём вас, то, мей би, поможем. Если это, разумеется, возможно.

Не поймём - не поможем.
ТОЧНО не поможем.

  Ответить  
 
 автор: pautina   (11.04.2010 в 14:43)   письмо автору
 
   для: АЯ   (11.04.2010 в 13:58)
 

100% от middle, хоть middle и указано 1%, при строгом задании высоты все нормально, пробовал выставлять middle 100%, после высоту сайдбара выставлял 100%, не вышло все равно сайдбар обрезается.
Сайдбар заполняется фоном по мере заполнения его контента, Если контента в левом сайдбаре мало он обрезается, почему.
http://www.my-page38.narod.ru/
В левом сайдбаре есть рисунок фона, он формирует левую рамку, если никак не получается сделать так чтоб сайдбар тянулся на 100% высоты от middle, и НИКТО из вас НЕЗНАЕТ как решить эту проблему, может как то обойти можно, скажем поставить этот рисунок фона в background middle и спозиционировать по левому краю чтоб рамка не обрывалась.

  Ответить  
 
 автор: АЯ   (11.04.2010 в 13:58)   письмо автору
 
   для: pautina   (11.04.2010 в 08:48)
 

100% по высоте - от ЧЕГО?
Это - самый главный вопрос.
На который ответа от вас никто не слышит.
Потому и помочь вам никто не может.

  Ответить  
 
 автор: pautina   (11.04.2010 в 08:48)   письмо автору
 
   для: pautina   (10.04.2010 в 16:05)
 

Подскажите Уважаемое сообщество,
высота сайдбара 100%, но он не идёт на всю высоту, а обрезается.

.sl {
    float: left;
    width: 310px;
    margin-left: -100%;
    position: relative;
    background:url(images/bg_sidebar.jpg) left top repeat-y #FFFFFF; 
    overflow:visible;    
    height:100%; border:1px solid black;

Вложенность сайдбара такая
<div id="wrapper">
   <div id="middle">
      <div class="sidebar sl">    

Почему садбар обрезается, Как сделать чтоб по высоте он шел на 100%,

  Ответить  
 
 автор: pautina   (10.04.2010 в 16:05)   письмо автору
 
   для: pautina   (09.04.2010 в 14:27)
 

Подскажите Уважаемое сообщество,
высота сайдбара 100%, но он не идёт на всю высоту, а обрезается.

.sl {
    float: left;
    width: 310px;
    margin-left: -100%;
    position: relative;
    background:url(images/bg_sidebar.jpg) left top repeat-y #FFFFFF; 
    overflow:visible;    
    height:100%; border:1px solid black;

Вложенность сайдбара такая
<div id="wrapper">
   <div id="middle">
      <div class="sidebar sl">    

Менял на <div class="sl"> Никаких изменений.
Почему садбар обрезается, Как сделать чтоб по высоте он шел на 100%,

  Ответить  
 
 автор: pautina   (09.04.2010 в 14:27)   письмо автору
 
   для: pautina   (08.04.2010 в 08:12)
 

Проблему я описал, можете c решением помочь.

  Ответить  

Сообщения:  [1-10]    [11-20]  [21-23] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования