Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 23.07.2014, 10:04
Аспирант
Отправить личное сообщение для BeetleJuice541 Посмотреть профиль Найти все сообщения от BeetleJuice541
 
Регистрация: 18.07.2014
Сообщений: 58

хорошо.
у меня есть div
<div id="right">
</div>
вот css для него
#right {
background: url(img/right.jpg) 100% 100% no-repeat; /* Добавляем фон */
background-size: cover;
width: 20%; /* Ширина правой колонки */
float: right;
height:100%;
}
больше css касающихся этого divа нет.
Ответить с цитированием
  #12 (permalink)  
Старый 23.07.2014, 10:05
Аспирант
Отправить личное сообщение для BeetleJuice541 Посмотреть профиль Найти все сообщения от BeetleJuice541
 
Регистрация: 18.07.2014
Сообщений: 58

вот продолжение.
Есть ячейка-кнопка
<td class="menu" onclick=" y = document.getElementById('text2'); info();" >
<p >Наука</p>
</td>
при нажатии происходит этот скрипт :
function info(){
var text = document.getElementById('text');
var text2 = document.getElementById('text2');
var text3 = document.getElementById('text3');
if(y.style.display == "none"){
text.style.display = "none";
text2.style.display = "none";
text3.style.display = "none";
y.style.display = "block";}
else{
y.style.display = "none";
}
}
Ответить с цитированием
  #13 (permalink)  
Старый 23.07.2014, 10:09
Аспирант
Отправить личное сообщение для BeetleJuice541 Посмотреть профиль Найти все сообщения от BeetleJuice541
 
Регистрация: 18.07.2014
Сообщений: 58

После нажатия появляется 1 div в котором 3 div-в них просто текст.
Появление с помощью y.style.display = "block"; как я писал выше.
Ответить с цитированием
  #14 (permalink)  
Старый 23.07.2014, 10:11
Аспирант
Отправить личное сообщение для BeetleJuice541 Посмотреть профиль Найти все сообщения от BeetleJuice541
 
Регистрация: 18.07.2014
Сообщений: 58

А теперь проблема.
Я писал выше про фон.
Так вот,после появления появляется полоса прокрутки,если прокрутить вниз,то под фоном белые поля.КАК ЭТО ИСПРАВИТЬ?ЧТОБЫ ФОН РАСТЯГИВАЛСЯ?
Ответить с цитированием
  #15 (permalink)  
Старый 23.07.2014, 10:18
Аспирант
Отправить личное сообщение для BeetleJuice541 Посмотреть профиль Найти все сообщения от BeetleJuice541
 
Регистрация: 18.07.2014
Сообщений: 58

Думаю нужно сказать что сайт устроен так:
есть 1 большой div - контейнер
в нем есть 3 div - правая колонка, центр, левая колонка.
Фон у меня только в правой и левой колонки,по центру идет информация.
Вот скрины.
http://firepic.org/?v=6.2014-07-23_4s9xtdtiwjtj.png - это сам сайт.
http://firepic.org/?v=6.2014-07-23_80wqph4dulay.png - это после нажатия кнопку
Ответить с цитированием
  #16 (permalink)  
Старый 23.07.2014, 13:30
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

может просто картинка кончилась а у неё стоит no-repeat?
Ответить с цитированием
  #17 (permalink)  
Старый 23.07.2014, 14:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

BeetleJuice541,
так вам надо левую и правую колонку растягивать на высоту средней -- верстать так чтобы все колонки были одинаковой высоты.
Ответить с цитированием
  #18 (permalink)  
Старый 23.07.2014, 15:09
Аспирант
Отправить личное сообщение для BeetleJuice541 Посмотреть профиль Найти все сообщения от BeetleJuice541
 
Регистрация: 18.07.2014
Сообщений: 58

Сообщение от tsigel Посмотреть сообщение
может просто картинка кончилась а у неё стоит no-repeat?
мне не нужен повтор картинки
Ответить с цитированием
  #19 (permalink)  
Старый 23.07.2014, 15:35
Аспирант
Отправить личное сообщение для BeetleJuice541 Посмотреть профиль Найти все сообщения от BeetleJuice541
 
Регистрация: 18.07.2014
Сообщений: 58

Сообщение от рони Посмотреть сообщение
BeetleJuice541,
так вам надо левую и правую колонку растягивать на высоту средней -- верстать так чтобы все колонки были одинаковой высоты.
я вас понял и понял в чем ошибка,я прописал для всего сайта рамку и вот что увидел.
http://firepic.org/?v=5.2014-07-23_ylsxrcvx2w6o.png
Мой центральный div по какой то причине выходит за пределы главного div(контейнера).При этом главный div не растягивается вместе с ним (центральным).
Прописать auto в стилях высоты контейнера-не помогает(Как еще можно это исправить-я не знаю

Последний раз редактировалось BeetleJuice541, 23.07.2014 в 15:36. Причина: опечатка
Ответить с цитированием
  #20 (permalink)  
Старый 23.07.2014, 15:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

BeetleJuice541,
в инете полно информации по css на три колонки -
и
Сообщение от Aetae
BeetleJuice541, дайте полноценный пример с минимальным кодом воспроизводящим данную ситуацию. Угадайка может тянуться бесконечно
но быстрее напрячь себя и гугл и на всякий случай для макета
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
В value поля input находится не весь текст из поля DarkLordDark Общие вопросы Javascript 1 13.06.2014 00:17
автозаполнение текстового поля значением другого поля ilyas-> Элементы интерфейса 2 21.10.2013 08:07
Вёрстка под Андроид..(и мобильные браузеры.) Mike_Kharkov (X)HTML/CSS 7 07.07.2013 14:47
how? размер поля под размер содержимого boJlb Events/DOM/Window 4 24.10.2011 17:59
Под IE8 задизейблена кнопка, а под Mozilla нет Svetich Internet Explorer 2 05.07.2011 10:03