Jump to content

master-kyk

User
 View Profile  See their activity

  • Posts

    30

  • Joined

  • Last visited

master-kyk's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. master-kyk
    Уважаемые мастера, подскажите как правильнее решить такую задачу: http://hostingkartinok.com/show-image.php?id=f99888585c0b10129461838efec6a637 В коде они идут по порядку: header content footer и все находятся в одной обертке. Я размещаю блоки header и footer, друг над другом, с помощью position:absolute. Content занимает все что остается по правую сторону. При большом наполнении контента, появляется полоса вертикальной прокрутки, и при скролинге блоки зафиксированные слева, убегают в верх. Как лучше разместить их с левой стороны, чтобы вне зависимости от размера контента они оставались фиксированными? (я могу это сделать - поместив их в персональный блок и зафиксировать его, но тогда подвал окажется над контентом)
  2. master-kyk
    Кстати о картинках. Если их с десяток на странице и они постоянно меняют размер при изменении размера окна.
  3. master-kyk
    Я его просто для примера воткнул, как один из популярных конструкторов. % взять к примеру использование Media Queries. +еще подключения нескольких js библиотек для работы "резины" в ie.
  4. master-kyk
    Собственно сегодня спорили с одним товарищем (дизайнером), о том как влияют всяческие "плюшки" на скорость работы сайта. Он рассказывал мне про то, что мол популярные "адаптивные" страницы, где почти всё указано в процентах, весьма нагружают машину посетителя. Возникают глюки тормоза и тд, не суть важен этот разговор.. Но я действительно задумался, а насколько страница сверстанная к примеру с помощью "бутстрапа", больше нагружает браузер и машину посетителя страницы по сравнению с той же классической(в общих рамках) страницей.
  5. master-kyk
    Я в курсе что это адаптивная верстка. Интересует практический аспект, насколько она лучше прежнего метода - когда для различного визуального отображения страницы, применяли различные таблицы стилей.
  6. master-kyk
    Можно сказать - "резиновая страница". http://www.snhcollection.com/137pillarshouse/
  7. master-kyk
    Уважаемые гуру, нужно ваше мнение: Что "лучше"-"предпочтительнее", сайт с адаптивным дизайном или сайт с различными стилями, работающими в зависимости, от необходимости?
  8. master-kyk
    А забыл пристыковать таблицу сброса, она у меня в отдельном файле как "reset.css" html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline;}Во всех страницах: <link rel="stylesheet" href="css/reset.css" type="text/css"> <link rel="stylesheet" href="css/style.css" type="text/css">
  9. master-kyk
    Страница 1 - http://jsfiddle.net/3k6cp720/ Страница 2 - http://jsfiddle.net/po8b7etk/ Если открыть ссылки в "хроме", то ничего с отступом у "головы" не происходит. А если открыть в "фаерфоксе", то на второй странице отступ уменьшается.
  10. master-kyk
    Даже не понял как правильно описать проблему)). Все страницы одинаковые: <body><div class="block-desk"> <div class="block1x1 orangeblock"></div> <div class="clearblock"></div> </div> <div class="content-desk"> <div class="clearblock"></div> </div> <footer>footer</footer> </body>Основные стили: html, body {height: 100%;font-family: 'Monospace';font-size:14px;text-indent:0;}body {width: 960px;max-width: 960px;background:rgb(65, 64, 66);margin: 0 auto;background: url(../img/greybg.png);}.block-desk {width: 960px;margin: 0;margin-top: 30px;position: relative;background: url(../img/bg11.png);color:#000;}.content-desk {width: 960px;margin: 0;margin-top: 20px;position: relative;background: none;color:#fff;}footer {width: 100%;border-top: #98CA46 solid 2px;margin-top: 40px;overflow: hidden;}Когда страницы пустые или с минимумом информации (как например в контактах), все статично и одинаково. Когда в секции для контента (<div class="content-desk">) появляется обширная часть материала, то пространство над ".block-desk" визуально уменьшается в фаерфоксе, а в хроме все как и на пустых. Вроде отступ определен четко, да и скрол присутствует на всех страницах, непонятно почему такие скачки возникают. Подскажите где поправить).
  11. master-kyk
    Спасибо, буду разбираться.
  12. master-kyk
    Пролистав ссылку, вообще ничего не понял)). Это что, по разрешению экрана устройство распознается? В общем не проблема, но опять же, получаеться изначально посетитель заходит на основной сайт и только потом может жмякнуть на ссылку и перейти на мобильную версию.
  13. master-kyk
    Мастера подскажите как можно реализовать следующее: Для основного отображения есть основной файл стилей, а к примеру для того чтобы упростить отображение на мобилках я хочу написать другой файл стилей. Как мне можно будет заставить браузер смартфона загружать именно таблицу стилей для него, а не для компов?
  14. master-kyk
    Не забывай ещё, что в винде шрифты платные, поэтому в линуксе другие шрифты, даже если и там и там firefox. Тогда мне придется по мимо основного шрифта, подобрать еще и из виндовых что-то похожее. И прописать его - ( font-family: 'Monospace' __тут___; ), и когда эксплоер не понимает основной, будет использовать вторичный?
  15. master-kyk
    Как я понял все браузеры по умолчанию шрифт разный показывают. К примеру я хочу использовать "Monospace", его фаерфокс показывает корректно а эксплоер больше, поэтому и <p> увеличиваеться по отношению к тем размерам что я ему прописываю. По идеи, если <p> вылезает за размеры своего родительского <div>, он не будет влиять на разметку, поскольку не оказывает влияния на соседние блоки? А подстраховаться с выскочившим за рамки текстом можно как я понимаю "Оверфлоам".
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept