X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Не могу понять почему не работает код в дивах, Подскажите...
Nastj
Nastj
Topic Starter сообщение 14.11.2014, 20:51; Ответить: Nastj
Сообщение #1


Т.е. мне нужно вот так :

<div style="width: 200px; height: 100%; background-color: white;>

Задаем размер колонки и задаем фон , но он почему то до низу не идет .
А вот если в height: ставить значение в пикселях то все нормально , но так как это пишу в шаблоне , а страницы все разные по высоте , то хотелось бы сделать чтобы он сам тянулся до футера и все.
Подскажите в чем ошибка и как ее исправить ?
Спасибо.
2
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 14.11.2014, 21:10; Ответить: x64
Сообщение #2


а кто кавычки закрывать будет? (:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nastj
Nastj
Topic Starter сообщение 14.11.2014, 21:18; Ответить: Nastj
Сообщение #3


x64,

Стоят это я тут проглядела , там просто еще значения есть для шрифта и т.д.


<div style="width: 200px; height: 100%; background-color: white; font-size: smaller; float: left;" class="filtrs fix">

вот так выглядит полная строка , все работает , кроме height: 100%

Хотя может я что то не так прописала , если в этой колонке писать до футера то она растянется вместе с фоном , но надписи только вверху в основном , а нужно чтобы фон доехал до низу даже без надписей...

Сообщение отредактировал Nastj - 14.11.2014, 21:27
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 14.11.2014, 21:22; Ответить: x64
Сообщение #4


скорее всего, просто не совсем верно работаете с css.
посмотрите примеры здесь


Поблагодарили: (1)
Lisel85
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gerga
Gerga
сообщение 14.11.2014, 21:40; Ответить: Gerga
Сообщение #5


Nastj, Если у вас обвертка не фиксирована, не получится растянуть блок с помощью height: 100%.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nastj
Nastj
Topic Starter сообщение 14.11.2014, 21:44; Ответить: Nastj
Сообщение #6


Gerga,

Как зафиксировать или другие способы есть ?
Еще вопросик , а обвертка это что ?
Не кидайтесь ,учусь еще и не знаю всех терминов....

Сообщение отредактировал Nastj - 14.11.2014, 21:45
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
iodjin
iodjin
сообщение 14.11.2014, 21:59; Ответить: iodjin
Сообщение #7


Цитата(Nastj @ 14.11.2014, 21:18) *
<div style="width: 200px; height: 100%; background-color: white; font-size: smaller; float: left;" class="filtrs fix">


Что в классе filtrs fix ?
Конфликт видать.


--------------------
SEO услуги
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gerga
Gerga
сообщение 14.11.2014, 22:01; Ответить: Gerga
Сообщение #8


Вариантов реализации очень много, вот например один из них:
Код
<!DOCTYPE html>
<html>
<head>
       <!-- Стили нужно держать отдельно от html, например в файле style.css  -->
    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
            border: 0
        }
        .wrapper {position: relative}
        .side {
            display: inline-block;
            background: #000;
            width: 200px;
            height: 100%;
            min-height: 300px;
            position: absolute;            
            top:0; bottom: 0; left: 0
        }
        .content {
            display: inline-block;
            background: red;
            width: 500px;
            height: 600px;
            margin-left: 200px
        }
    </style>
</head>
<body>
<!-- Здесь что-то -->
    <div class="wrapper">
        <div class="side"></div>
        <div class="content"></div>
    </div>
<!-- Здесь что-то -->
</body>
</html>


Здесь мы реализуем задуманное с помощью позиционирования. В данном случае, блок с классом "wrapper" является обверткой наших блоков.

Сообщение отредактировал Gerga - 14.11.2014, 22:04


Поблагодарили: (2)
Lisel85, Nastj
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nastj
Nastj
Topic Starter сообщение 14.11.2014, 22:02; Ответить: Nastj
Сообщение #9


iodjin,

Там прописаны отступы от верха .

Сообщение отредактировал Nastj - 14.11.2014, 22:02
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Robust
Robust
сообщение 15.11.2014, 3:39; Ответить: Robust
Сообщение #10


Чтоб растянуть слой на 100%, ему надо знать на 100% чего растягивать. Задайте
html, body{height:100%, width:100%}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Крауд-маркетинг который работает | Эффективные Ру-ссылки
 1 Azyuka 1035 13.2.2024, 19:36
автор: tascha56
Открытая тема (нет новых ответов) Кто работает с партнерской программой eBay?
 0 Stalser 1173 14.12.2021, 12:26
автор: Stalser
Открытая тема (нет новых ответов) Кто работает с партнеркой Кликбанк?
 4 metvekot 1711 5.12.2021, 22:32
автор: adamsadriane
Открытая тема (нет новых ответов) Бесплатный аудит рекламы от специалиста с 20 летним стажем. Реклама не всегда работает.
Ваша реклама может быть больше!
 0 AndyGray 6798 1.4.2021, 12:31
автор: AndyGray
Открытая тема (нет новых ответов) Почистить код на сайте
 1 Timka 1104 2.1.2021, 1:13
автор: 0pium


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 16.4.2024, 19:08

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet