Помощник
|
Прижать футер к низу средствами css |
PhotoShopRND
|
Сообщение
#1
|
||
|
|
||
|
|||
ixman |
2.3.2014, 11:23;
Ответить: ixman
Сообщение
#2
|
|
Можно, используя позиционирование. На 100% как это сделать сказать не могу, так как не профи в вёрстке, но в помощь position и bottom
|
|
|
yury_mw |
2.3.2014, 12:10;
Ответить: yury_mw
Сообщение
#3
|
|
Только средствами css, и без изменения html кода! Без изменения сруктуры html трудно.С изменением (если вынести футер за пределы общего блока) примерно так:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>tst</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="style.css" /><!--[if !IE 7]> <style type="text/css"> #wrap {display:table;height:100%} </style><![endif]--></head><body><div id="wrap"> <div id="header">header </div> <div id="content">content </div></div><div id="footer">footer</div></body></html>style.css *{ margin: 0; padding: 0;}html, body { height: 100%;}#wrap { min-height: 100%; background: #cfc;}#header { background: #fcc; height: 150px;}#content { background: #cfc; overflow:auto; padding-bottom: 150px;} /* отступ того же размера, что и высота футера */#footer { background: #ccf; position: relative; margin-top: -150px; /* отрицательный размер высоты футера */ height: 150px; clear:both;}/*Opera Fix*/body:before { content:""; height:100%; float:left; width:0; margin-top:-32000px;/} Сообщение отредактировал yury - 2.3.2014, 12:17 |
|
|
PhotoShopRND
|
Сообщение
#4
|
|
Без изменения структуры html трудно.С изменением (если вынести футер за пределы общего блока) примерно так: -------------------- |
|
|
Ринат_mw |
2.3.2014, 16:17;
Ответить: Ринат_mw
Сообщение
#5
|
|
А ссылки на ресурс нет?
|
|
|
PhotoShopRND
|
Сообщение
#6
|
|
Есть, отправил в личку пароль для входа в админку.
-------------------- |
|
|
Ринат_mw |
2.3.2014, 22:17;
Ответить: Ринат_mw
Сообщение
#7
|
|
Так у Вас там даже оформления нет. Или это у меня не отображает?
|
|
|
PhotoShopRND
|
Сообщение
#8
|
|
Нет, его там действительно нет :) Так же проще, не разбираться в коде а написать с нуля то что нужно. В редактор css, пишите все что нужно :) оформление появится.
-------------------- |
|
|
Ринат_mw |
2.3.2014, 22:46;
Ответить: Ринат_mw
Сообщение
#9
|
|
Я знаю как это делается, но бесплатно работать у меня не получается :) ;)
|
|
|
PhotoShopRND
|
Сообщение
#10
|
|
Мне не нужен исполнитель, мне нужен совет, подсказка... все остальное я в состояние сделать самостоятельно :)
-------------------- |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3455 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3395 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6459 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1667 | 3.3.2021, 12:22 автор: kozak199110 |
|
Продам адаптивный шаблон (css/html/js) под cj/tube сайт | 2 | zaiko | 1434 | 29.12.2020, 23:49 автор: zaiko |
Текстовая версия | Сейчас: 18.4.2024, 5:03 |