Помощник
|
Не могу понять почему не работает код в дивах, Подскажите... |
Nastj
|
Сообщение
#1
|
||
|
|
||
|
|||
x64 |
14.11.2014, 21:10;
Ответить: x64
Сообщение
#2
|
|
а кто кавычки закрывать будет? (:
|
|
|
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 |
14.11.2014, 21:22;
Ответить: x64
Сообщение
#4
|
|
скорее всего, просто не совсем верно работаете с css.
посмотрите примеры здесь |
|
|
Gerga |
14.11.2014, 21:40;
Ответить: Gerga
Сообщение
#5
|
|
Nastj, Если у вас обвертка не фиксирована, не получится растянуть блок с помощью height: 100%.
|
|
|
Nastj
|
Сообщение
#6
|
|
Gerga,
Как зафиксировать или другие способы есть ? Еще вопросик , а обвертка это что ? Не кидайтесь ,учусь еще и не знаю всех терминов.... Сообщение отредактировал Nastj - 14.11.2014, 21:45 |
|
|
iodjin |
14.11.2014, 21:59;
Ответить: iodjin
Сообщение
#7
|
|
<div style="width: 200px; height: 100%; background-color: white; font-size: smaller; float: left;" class="filtrs fix"> Что в классе filtrs fix ? Конфликт видать. -------------------- |
|
|
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 |
|
|
Nastj
|
Сообщение
#9
|
|
iodjin,
Там прописаны отступы от верха . Сообщение отредактировал Nastj - 14.11.2014, 22:02 |
|
|
Robust |
15.11.2014, 3:39;
Ответить: Robust
Сообщение
#10
|
|
Чтоб растянуть слой на 100%, ему надо знать на 100% чего растягивать. Задайте
html, body{height:100%, width:100%} |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Крауд-маркетинг который работает | Эффективные Ру-ссылки | 1 | Azyuka | 1075 | 13.2.2024, 19:36 автор: tascha56 |
|
Кто работает с партнерской программой eBay? | 0 | Stalser | 1183 | 14.12.2021, 12:26 автор: Stalser |
|
Кто работает с партнеркой Кликбанк? | 4 | metvekot | 1726 | 5.12.2021, 22:32 автор: adamsadriane |
|
Бесплатный аудит рекламы от специалиста с 20 летним стажем. Реклама не всегда работает. Ваша реклама может быть больше! |
0 | AndyGray | 6805 | 1.4.2021, 12:31 автор: AndyGray |
|
Почистить код на сайте | 1 | Timka | 1108 | 2.1.2021, 1:13 автор: 0pium |
Текстовая версия | Сейчас: 25.4.2024, 0:46 |