cmndr_alexgreen

Не актуально(.

Личное мнение: Предпочитаю для мобильников создавать свои персональные стили, это во многом облегчает работу с сайтом и упрощает его создание.

"0" то он тут, а на других страницах в нем будет обычный контент, в нормальном потоке. Можно конечно для заглавной страницы сделать свою секцию с фиксированным размером, а для других страниц с автоматическим размером по содержимому. Но если честно я думал есть способ и "абсолютные" блоки "обтягивать" контейнером. Флоат там случайно)), на автомате скопировал из другого шаблона.

Точно помню что год назад уже спрашивал похожее), а сейчас не вспомнить не получается не найти тот пост. Проблема довольно банальная, один блок наезжает на другой), возможно ранее я не размещал блоки в контенте "абсолютные" и поэтому работало. Подскажите что я забыл)). <div id="page"> <header> <h1 class="name">name</h1> </header> <nav> <a href="index.html">Главная</a> <a href="about.html">Услуги</a> <a href="projects.html">Галерея</a> <a href="contact.html">Контакты</a> </nav> <section class="content"> <div class="box abox"><a href="index.html">1</a></div> <div class="box bbox"><a href="index.html">2</a></div> <div class="box cbox"><a href="index.html">3</a></div> <div class="box dbox"><a href="index.html">4</a></div> </section> <footer>footer </footer></div>html, body { height: 100%; margin: 0; padding:0;}body { background: #fff url(../img/bg-page.png);}header, nav, section, footer {display: block;}#page {width: 1000px;margin: 0 auto;padding: 8px 0 0 0;}header {width: 1000px;height:180px;}nav {}section {position: relative;float: left;}footer {margin: 40px 0 100px 0;}.box {position:absolute;}.abox, .bbox, .cbox, .dbox {height:80px;z-index:2;font-family: 'Jura', sans-serif;}.abox2, .bbox2, .cbox2, .dbox2 {width:230px;z-index:-1;background:url(../img/bg-box.jpg);}.abox {top:0;left:160px;width:230px;background:#dbd700;}.bbox {top:120px;left:500px;width:220px;background:#aec066;}.cbox {top:540px;left:320px;width:260px;background:#5dc0cc;}.dbox {top:530px;left:715px;width:230px;background:#ce4718;}Внутри <section>, на главной странице, будут располагаться блоки "box" с абсолютными параметрами, на остальных страницах простой контент. В данном варианте, подвал наезжает на section как только размещаешь блоки с абсолютными координатами.((

Тема не актуальна, проект изменился. Прошу закрыть тему.

Я недавно делал простыми средствами: Скачал векторные кнопки, и вставил их фоном под ссылку внутри списка. Главное не было проблем с работой в старых-хромых браузерах.

Собственно задачу решили без резинового фона, классическими методами. Всем спасибо за занятое время.

Не знаю стереотип или нет, но если смысл в табличности, заем тогда использовать DIVы). А вот по поводу "без костылей")), флекс только щас в деле и увидел), боюсь для старых браузеров придется свой css писать(.

Sensei, а без - "display: table;" никак? rus, у вас красный блок не одинаковой высоты с блоком для контента. Я подозреваю, что он не будет растягиваться по окну браузера с верху в низ. Проблема именно в том, что бы блоки адекватно вели себя растягиваясь в высоту. Даже если решать поставленную задачу немного по другому и исключить %-ную растяжку в бока, то все равно нужно растягивать блоки с верху в низ, без костылей.

Работать с живым человеком приятнее чем с генератором). Да и так я более уверен буду в правильности решения. Опишу что мне нужно, а часть кода есть в этой теме: http://htmlforum.ru/index.php?showtopic=48315 , сам я не могу осилить и довести все до хорошего-рабочего состояния. На странице - 2 секции(главных блока), 1я секция(1) должна быть примерно 30% по ширине (планировал использовать для этого <nav>, поскольку в ней будет находиться только список с меню(2)). 2я секция(3) для контента, занимает все оставшееся место. В каждой из них должен быть свой фон, соответственно они должны занимать все пространство страницы по высоте в рамках своих широт. В 1й секции - живет список с основным меню(2), припаркованный к правому краю. Во 2й секции будет располагаться блок для контента(4), с небольшим отступом от левого края, фиксированной ширины. Приложил набросок) блоков на странице.

Нужен каркас страницы. 4 блока разместить в %соотношении на странице. С меня "спасибо" на телефон или Яденьги, размер спасибо определите сами.

Да нет). Сложность меню тут не столь важна. Просто поскольку <nav> резиновый и отвечает за всю левую секцию, меню должно быть всегда прилипшее к контенту+ со своими стилями и размерами. Это проще реализовать у списка поскольку стиль пойдет как для блока, а не отдельно для каждой ссылки.

Ну это я так)), на всякий случай. С HTML5 еще не сильно ознакомился, а то вдруг по каким то идейным соображением этот блок нельзя использовать в таком роде.

Уважаемые мастера, прошу вас сориентировать и подсказать. Есть задача переделать один шаблон в две резиновые колонки со статичным контентом, для уменьшения большого количества строк кода. Решил попробовать левый столбик сделать на основе <nav></nav>, правый уже <div>. <!DOCTYPE html><html><head> <title></title> <meta name="description" content="free website template" /> <meta name="keywords" content="enter your keywords here" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald:400,300" type="text/css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--></head><body> <nav> <ul> <li class=""> <a href="index.html">1</a> </li> <li class=""> <a href="index.html">2</a> </li> <li class=""> <a href="index.html">3</a> </li> <li class=""> <a href="index.html">4</a> </li> </ul> </nav> <div class="ct-green"> <ul> <li class=""> <a href="index.html">0</a> </li> <li class=""> <a href="index.html">00</a> </li> <li class=""> <a href="index.html">000</a> </li> <li class=""> <a href="index.html">0000</a> </li> </ul> </div> </body></html>CSS: html { height:100%; }body { margin:0; background-color:#ce4718; font-family: 'AbelRegular'; position:relative; height:100%;}a { outline:none;}a img { border:0; display:block;}p { font-family:Arial, Helvetica, sans-serif;}nav { width:31%; height:90%; float:left; position:relative; }.ct-green { width:69%; height:100%; margin-left:31%; background:url(../img/bg-green.png); position:relative;}nav ul { width:122px; height:100%; position:absolute; top:0; right: 0;} Насколько такая конструкция будет "кошерна")?

Даже не задумывался о гарантиях)). Раньше когда сам делал сайт я не передавал чистовой шаблон заказчику без 100% оплаты, особо даже и не оговаривалось. Последние время люди которых я привлекаю для работы, в итоге как правило получают оплату на прямую от заказчика банковскими переводами, очень редко через меня как придется. Так же бывают случаи оплаты после получения чистовика, но это обычно с уже знакомыми кодерами и дизайнерами. А так об адекватности человека обычно судим по общению, и если не возникает причин усомниться, то выслать до получения чистового варианта полную стоимость не проблема.