| |
|
|
| | Здравствуйте Уважаемое сообщество,
ни подскажете как сделать высоту сайдбара и контента на 100%
http://www.my-page38.narod.ru/
По коду для сайдбара указываю height: 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:955px; */
height:100%; border:1px solid black;
}
|
(Можно прописывать высоту строго, но содержимое контента для сайдбара может менятся и нужно чтоб работало при высоте 100%)
Для контента тоже самое
#content {
padding: 0 15px 0 330px;
background:url(../images/bg_content.jpg) right top repeat-y #FFFFFF;
/* height:955px; */
overflow:visible;
height:100%; border:1px solid black;
}
|
Почему так происходит, как это можно исправить? | |
| |
|
|
| |
|
|
| |
для: pautina
(04.04.2010 в 20:12)
| | | 1. У вас на странице НЕТ элемента с id="s1". Удостоверьтесь в этом, прописав в вашем теге <BODY>:
onload="alert (document.getElementById ('s1').innerHTML)"
|
2. Свойство height, имеющее значение в %%, устанавливает эти самые проценты от высоты родительского элемента.
У вас следующая родительская иерархия:
<html>
<body>
<div id="middle">
<div id="container">
<div id="content">
|
Изучите эти элементы с точки зрения значения их высоты.
Например, <div id="middle"> имеет установленную вами высоту height: 1%
Арифметику в школьном объеме изучали?
Сколько будет 100% от 1%? :-)) | |
| |
|
|
| |
|
|
| |
для: АЯ
(05.04.2010 в 15:14)
| | | При вёрстке каркас сайта я формирую на csstemplater.com
Сейчас ищу правильный способ, который бы мог всегда использовать.
1) Нет на странице элемента с id="s1".
Пробовал
.sl {
float: left;
width: 310px;
margin-left: -100%;
position: relative;
background:url(images/bg_sidebar.jpg) left top repeat-y #FFFFFF;
overflow:visible;
/* height:955px; */
height:100%; border:1px solid black;
}
|
для #middle
#middle {
width: 100%;
padding: 0 0 100px;
height: 1%; overflow:visible;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
|
Этот код по моему служит для Opera, чтоб обрезка нормально шла, Если не использовать запредельная высота идёт :-), точно не скажу но эти стили для #middle, #middle:after нужны
Подскажите решение, давно хотел найти правильный вариант, не могу дойти сам. | |
| |
|
|
| |
|
|
| |
для: pautina
(05.04.2010 в 15:42)
| | | Может посоветуете что? | |
| |
|
|
| |
|
|
| |
для: pautina
(06.04.2010 в 08:21)
| | | АЯ ну где же вы, чем помочь можете? | |
| |
|
|
| |
|
|
| |
для: pautina
(06.04.2010 в 14:33)
| | | Вам же сказали установить соответсятвующую высоту всем родительскиим элементам. И выставить DOCTYPE. Иначе удачи не видать. | |
| |
|
|
| |
|
|
| |
для: buldovsky
(06.04.2010 в 14:36)
| | | Выставить DOCTYPE т.е. вообще убрать его? | |
| |
|
|
| |
|
|
| |
для: pautina
(06.04.2010 в 14:44)
| | | Вы говорите Вам сказали, а с тем кодом который есть http://www.my-page38.narod.ru Слабо решение найти, чтоб doctype остался | |
| |
|
|
| |
|
|
| |
для: pautina
(06.04.2010 в 15:45)
| | | Очень нужно найти решение. Разобрав данный пример можно верстать любой дизайн с переменной высотой для сайдбара и контента.
- Каркас сайта я делаю на странице http://csstemplater.com, я считаю там фортируется професиональный код для шаблона сайта.
Вы предлагали варианты но ни подошло ничего, при изменении кода криво как то верстка ложится.
Можно ведь найти решение чтоб сохранить Doctipe, и указав переменную высоту сайдбара в 100%, его высота была 100%, | |
| |
|
|
| |
|
|
| |
для: pautina
(07.04.2010 в 08:39)
| | | Это какой то сильно сложный вопрос что ли? Неужели нельзя ответ найти. | |
| |
|
|
| |
|
|
| |
для: pautina
(07.04.2010 в 15:48)
| | | Где же Вы умные грамотные специалисты, вот проблема, давайте попробуем решить.
Почему Вы молчите то все, Можно ведь сделать.
Низнаю как Вы я буду идти до конца, и можете считать меня кем угодно, мне нужно найти ответ. | |
| |
|
|
| |
|
|
| |
для: pautina
(07.04.2010 в 18:41)
| | | Опишите проблему подробнее.
Ссылку я вашу смотрел. Не не понял - что именно вам надо получить на странице.
Что именно в высоте контента СЕЙЧАС вас не устраивает? | |
| |
|
|
| |
|
|
| |
для: АЯ
(07.04.2010 в 22:05)
| | | Хотелось бы чтоб высота сайдбара и контента была 100%,
Сайдбар у меня сейчас как будто обрезается, хотя его высота 100%, мне нужно чтоб он до начала футера шел. (мы при верстке дизайн макета теряем, левая рамка обрывается).
Почему? | |
| |
|
|
| |
|
|
| |
для: pautina
(08.04.2010 в 08:12)
| | | Проблему я описал, можете c решением помочь. | |
| |
|
|
| |
|
|
| |
для: 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
(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
(11.04.2010 в 08:48)
| | | 100% по высоте - от ЧЕГО?
Это - самый главный вопрос.
На который ответа от вас никто не слышит.
Потому и помочь вам никто не может. | |
| |
|
|
| |
|
|
| |
для: АЯ
(11.04.2010 в 13:58)
| | | 100% от middle, хоть middle и указано 1%, при строгом задании высоты все нормально, пробовал выставлять middle 100%, после высоту сайдбара выставлял 100%, не вышло все равно сайдбар обрезается.
Сайдбар заполняется фоном по мере заполнения его контента, Если контента в левом сайдбаре мало он обрезается, почему.
http://www.my-page38.narod.ru/
В левом сайдбаре есть рисунок фона, он формирует левую рамку, если никак не получается сделать так чтоб сайдбар тянулся на 100% высоты от middle, и НИКТО из вас НЕЗНАЕТ как решить эту проблему, может как то обойти можно, скажем поставить этот рисунок фона в background middle и спозиционировать по левому краю чтоб рамка не обрывалась. | |
| |
|
|
| |
|
|
| |
для: pautina
(11.04.2010 в 14:43)
| | | Я вас не понимаю.
СОВСЕМ не понимаю.
100% для вас - это высота ОКНА?
Или для вас - это высота СОДЕРЖИМОГО? Которое в реале составляет НЕСКОЛЬКО окон.
Определитесь с этим.
Для себя самого.
Потом введите нас в курс вашего понимания.
Если поймём вас, то, мей би, поможем. Если это, разумеется, возможно.
Не поймём - не поможем.
ТОЧНО не поможем. | |
| |
|
|
| |
|
|
| |
для: АЯ
(13.04.2010 в 16:42)
| | | Как хотите понимайте, мне лишь бы решение найти, неужели вы не поняли чего же я хочу добится :-) (сомневаюсь, что вам это непонятно)
Сайдбар должен тянутся на 100% по высоте, если бы я делал таблицами (сделал бы основной каркас td.left { height:100%} и всё бы работало.)
Но здесь не идёт,
Почему, не ясно, по коду высота сайдбара выставлена 100%, но до начала футера не тянется.
САЙДБАР ДОЛЖЕН ТЯНУТСЯ ДО НАЧАЛА ФУТЕРА его ВЫСОТА 100%, но ОН ОБРЕЗАЕТСЯ | |
| |
|
|
| |
|
|
| |
для: 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%. | |
| |
|
|
| |
|
|
| |
для: АЯ
(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% но не тянется а обрезается.
Может я чего в высотах и не понимаю но нужно найти решение. Если можете помочь подскажите ответ. | |
| |
|
|
| |
|
|
| |
для: 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;
}
|
| |
| |
|
|
