Вопросы по CSS - [12] :: Web-программирование :: Компьютерный форум Ru.Board

Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Открыть новую тему

Написать ответ в эту тему

Xrobak

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Ссылки для самостоятельного изучения:

Теория + примеры + учебники:
• W3School: CSS Tutorial
• MDN: Cascading Style Sheets (CSS)
• WebReference: Уроки по HTML и CSS
• htmlbook: Справочник CSS
• YouTube: Основы CSS/CSS3
• CSS для JavaScript-разработчика
• Основы CSS - каскадные таблицы стилей
• Статьи по основам CSS

Применение на практике:
• StackOverflow: 'CSS' Questions
• CSS-Tricks

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019

Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Я подумал об этом.
но ест одно но, поэтому спросил
Цитата:

стили под Wap-Motor

.
Как Вы знаете телефоны не поддерживают токое количество цветов, как компютеры.
По этому если не взят тем под вап, ,на дисплее телефона будут не корректно отображатся цветы.

Всего записей: 367 | Зарегистр. 24-03-2009 | Отправлено: 19:32 01-03-2010

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Уважаемые прошу помочь с разметкой блоками страницы, чтоб не съезжало при масштабировании окна браузера тоесть резиновая верстка - нужна как на примере ниже, заранее огромное спасибо, можно в личку а то чет зашился все не так как надо уже взрыв мозга...

Всего записей: 1264 | Зарегистр. 12-01-2003 | Отправлено: 20:38 01-03-2010 | Исправлено: DmitryV, 21:51 01-03-2010

andead Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору DmitryV http://csstemplater.com/
	Всего записей: 1821 \| Зарегистр. 22-09-2005 \| Отправлено: 22:28 01-03-2010

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

andead
да там уже был, сделал шапку и подвал резиновыми а вот как между ними резиновым блок по высоте слелать застрял по горизонтали все в норме... и в нутри нужно 2 блока слева фиксиованный по ширине а второй справа резиновый...

Всего записей: 1264 | Зарегистр. 12-01-2003 | Отправлено: 22:36 01-03-2010 | Исправлено: DmitryV, 22:37 01-03-2010

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:

а вот как между ними резиновым блок по высоте слелать

а мож подвал поставить отдельным дивом вниз экрана? Фиксировать по боттому. Тогда собсно резиновость центр блока становится неактуальна )

Всего записей: 16272 | Зарегистр. 13-02-2003 | Отправлено: 22:40 01-03-2010

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

bredonosec
задачка сделать 4 блока для последующего наполнения по переменным из скрипта на smarty
тоесть нужны четко 4 блока для последующей шаблонизации.
да вот пробую чет все не то что хотелось бы ...

с шапкой и подвалом проблем нет никаких подвал привязан к низу по позиции как ты и предлагаешь

но если в среднем блоке идет большой контент то подвал не уходит вниз от него..

а вот как привязать среднии два блока щас ковыряю...

Всего записей: 1264 | Зарегистр. 12-01-2003 | Отправлено: 22:44 01-03-2010 | Исправлено: DmitryV, 22:57 01-03-2010

andead

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:

вот как между ними резиновым блок по высоте слелать

там есть опция

Цитата:

Прижать футер к низу окна браузера

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 23:02 01-03-2010

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

andead

Цитата:

Прижать футер к низу окна браузера

и когда контента больше чем размер странице подвал не уходит вниз от среднего блока...

во блин ещё отображение зависит от.. и что выбрать если сайт разметка блочная CSS 2.1?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Всего записей: 1264 | Зарегистр. 12-01-2003 | Отправлено: 23:11 01-03-2010 | Исправлено: DmitryV, 00:54 02-03-2010

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

DmitryV
то есть, нужно, чтоб когда контента менбше, чем на стр, подвал был по низу, а когда больше - уползал под экран? А просто создание 2 блока с распоркой-картинкой (не меньше стольки-то), и забивка его текстом чем плохи? Текста больше - сам растянется. Вроде как оверфлоу: блок по дефолту значение..
Или height поставить в процентах, и оверфлоу: блок - не пропашет?

----------
Вопрос: 'Что человек курит?' как правило возникает не когда ты слышишь, как он дышит, а когда видишь, что он пишет
Пропеллер играет роль вентилятора, он останавливается -пилот потеет
Аськи нету.

Всего записей: 16272 | Зарегистр. 13-02-2003 | Отправлено: 00:40 02-03-2010

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

bredonosec
вот что сейчас сделал
html{
height:100%;
}
body{
margin:0;
padding:0;
height:100%;
}
#metabox{
min-height:100%;
position:relative;
}
#header{
background:darkred;
width:100%;
height:50px;
position: relative;
}
#box{
padding:20px 20px 80px 20px;
}
#footer {
height:60px;
width:100%;
position:absolute;
bottom:0;
left:0;
background:darkred;
}
#footer_content {
margin:20px;
}
//================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="test.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="metabox">
<div id="header">Шапка</div>
<div id="box">контент</div>
<div id="footer">
<div id="footer_content">подвал</div>
</div>
</div>

</body>
</html>
//==================================================

все как надо только чет не получается блок с меню врезать, кто поможет добить до идеала спасибо...

Всего записей: 1264 | Зарегистр. 12-01-2003 | Отправлено: 00:53 02-03-2010 | Исправлено: DmitryV, 01:06 02-03-2010

Advanced Member

Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

DmitryV
Сталкивался с такой проблемой: при чем - если решается вопрос отображения под одним браузером в другом это уже не работает.
Поэтому я решил вопрос этот скриптом (правда он под фреймы ... но думаю переделать под что-то другое не проблема будет):

Код:

function resizeIframe(id) {

try {
frame = document.getElementById(id);
innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
objToResize = (frame.style) ? frame.style : frame;

if (navigator.userAgent.indexOf("Opera") >= 0)
objToResize.height = innerDoc.body.scrollHeight;
else
objToResize.height = innerDoc.body.scrollHeight + 50;
}
catch(e) {

window.status = e.message;
}
}

Конешно это возможно не то, что ты ищешь - но может тебе подойдет ...

----------
Регистрация ника))
ОСАГО и КАСКО
Работа

Всего записей: 1094 | Зарегистр. 13-11-2005 | Отправлено: 06:32 02-03-2010

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

BlackVetal
спасибо да не то, пока чет не решаем вопрос, пока цель сделать чтоб под 8 IE все красиво работало, а там уже потом кроссбраузерность прикручивать...

PS: да уж вот програмиш и не знаешь всех проблем кодеров , и кто только разрабатывал CSS и браузеры мать их перемать.. логика посторения просто блещит.. читаю доки и в реале фигня а не по стандартам..

по логике:
<body>
<div id="common">
<div id="header">header<div>
     <div id="box">
      <div id="nav">nav</div>
      <div id="content">content</div>
     </div>
<div id="footer">footer<div>
</div>
</body>

дальше пока мысль заканчивается... кручу верчу все не получается.

Всего записей: 1264 | Зарегистр. 12-01-2003 | Отправлено: 10:20 02-03-2010 | Исправлено: DmitryV, 13:19 02-03-2010

Kaylang Вредный и упрямый	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Это подойдет? http://cssmake.ru/component/content/article/4/110.html
	Всего записей: 38546 \| Зарегистр. 29-08-2002 \| Отправлено: 14:38 02-03-2010

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Kaylang
спасибо но с подвалом проблем нет а вот со всем остальным есть, а именно с шапкой (все понятно можно прижать она сверху и все) а вот с двумя блоками между подвалом и шапкой чтоб если контента много подвал уехал вниз и одна колонка равнялась по высоте другой хоть и разное наполнение контента, а при малом растягивались до подвала который внизу...

PS щас почитаю там на сайте может что подобное ещё описано, ещё раз спасибо...

Всего записей: 1264 | Зарегистр. 12-01-2003 | Отправлено: 14:57 02-03-2010 | Исправлено: DmitryV, 15:02 02-03-2010

Вредный и упрямый

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

DmitryV

Цитата:

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

Этого добра валом в инете:
float колонки одинаковой высоты

Всего записей: 38546 | Зарегистр. 29-08-2002 | Отправлено: 15:43 02-03-2010

DmitryV Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Kaylang Спасибо полезное но все по отдельности красиво но вместе пока не собирается... грызем гранит науки дальше, читаю пробую...
	Всего записей: 1264 \| Зарегистр. 12-01-2003 \| Отправлено: 15:57 02-03-2010 \| Исправлено: DmitryV, 16:00 02-03-2010

Вредный и упрямый

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

DmitryV
Попробуй колонки делать этим методом: http://cssing.org.ua/2004/09/10/flex-faux/

Т.е. в родительский контейнер под колонки "подкладывается" фоновый рисунок сверху до низу.

Всего записей: 38546 | Зарегистр. 29-08-2002 | Отправлено: 18:20 02-03-2010

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Kaylang
нет рисунок не прокатит, перелопатил уже море ресурсов , везде все половинчатые решения, такое впеатление что CSS не для упрощения а для гемора писали разработчики... почему не сделать блоки и их позиционирование куда прописал там и блок... вот же гемора налепили...

Всего записей: 1264 | Зарегистр. 12-01-2003 | Отправлено: 19:07 02-03-2010

DmitryV Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-pixels.htm нашел завтра подлатаю под себя... рекомендую очень грамотные решения на сайте автора...
	Всего записей: 1264 \| Зарегистр. 12-01-2003 \| Отправлено: 21:43 02-03-2010 \| Исправлено: DmitryV, 10:59 03-03-2010

Вредный и упрямый

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

DmitryV

Цитата:

нашел завтра подлатаю под себя..

Подобное решение я уже видел среди ссылок, которые тебе приводил. При малом количестве инфы, Footer поднимается наверх, а не прижимается к низу.

Всего записей: 38546 | Зарегистр. 29-08-2002 | Отправлено: 14:10 03-03-2010

Открыть новую тему

Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC