Jump to content

psywalker

Moderator
 View Profile  See their activity

  • Posts

    13707

  • Joined

  • Last visited

  • Days Won

    58

 Content Type 

Everything posted by psywalker

  1. psywalker
    Ааа, извиняюсь, нет проблем, держи: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type='text/css'> html,body { height: 100%;} body { margin: 0 5px;} .wrap { min-height: 100%; _height: 100%; position: relative; } .wrap .border { position: absolute; border: 5px solid #000; top: 5px; left: 0; right: 0; bottom: 5px; z-index: -1; } </style> </head> <body> <div class="wrap"> <i class="border"></i> </div> </body> </html>
  2. psywalker
    Ну покажи новичкам мастер-класс. Мне очень интересно посмотреть твой Правильный код. Да, конечно же, нет проблем: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type='text/css'> html,body { height: 100%;} body { margin: 0;} .wrap { min-height: 100%; _height: 100%; position: relative; border-left: 5px solid #000; border-right: 5px solid #000; } .wrap .top, .wrap .bottom { position: absolute; height: 5px; background: #000; width: 100%; } .wrap .top { top: 0;} .wrap .bottom { bottom: 0;} </style> </head> <body> <div class="wrap"> <i class="top"></i> <i class="bottom"></i> </div> </body> </html>
  3. psywalker
    Боковые границы легко можно было повесить на растянутый контейнер. И ещё непонятно, нафига делать верхний отрицательный отступ #main{ margin:-5px 0 0; } Если повесить боковые границы на растянутый див, то они уйдут наверх вместе с контейнером. margin:-5px;- чтобы поднять растянутый див на 5пх. Ещё раз глянул в код, в целом чушь понаписана полная и неправильная. Глупости.
  4. psywalker
    Для ИЕ используй экпрешан.
  5. psywalker
    Зачем нужно вот это?? Боковые границы легко можно было повесить на растянутый контейнер. И ещё непонятно, нафига делать верхний отрицательный отступ #main{ margin:-5px 0 0; }
  6. psywalker
    Ясно, спасибо за терпение и ответы Тебе спасибо
  7. psywalker
    Просьба: Если всё получится, сделай тестовую страницу с примером плиз. Не вопрос! Но возникла проблема: в примере не достаточно просто повернуть изображение, оно должно быть в перспективе , то есть быть повернуто "внутрь". Такое возможно через JS? Я щас сам попробовал, и что-то у меня уже сомнения появились, что такое можно вообще сделать на CSS3. Очень хотелось бы увидеть решение Влада. Думал, с помощью http://www.xiper.net/manuals/css-extensions/mozilla/properties/moz-transform.html решить, но что-то не вышло или я может чего не так делал. Так что тут я к сожалению не помогу
  8. psywalker
    Т.е. в первом случае(верхнее изображение) блок c "думает" что блок b идет сразу после блока a и игнорирует тот факт, что к b применен margin-left, так что ли? ага)
  9. psywalker
    Просьба: Если всё получится, сделай тестовую страницу с примером плиз.
  10. psywalker
    Текст блока "с" всегда пытается до последнего втиснуться после ближайшего блока с float; Если ему не хватает места, то он перебрасывается на след. строку.
  11. psywalker
    1. А залить рисунок на нормальный хост религия не позволяет? 2. По сабжу. Такое можно при большом желании и настроить в ИЕ6-8, если использовать матричные фильтры. В остальном как сказал Влад, CSS3 тебе в помощь.
  12. psywalker
    Всё правильно. Ты прижимаешь два блока - "а" и "с" к левому краю, блок "с" в этом время оказывается под ними, т.е. как бы встаёт на их место, так как он их НЕ чувствует. Если ты ставишь блоку "с" левый отступ на ширину первых двух блоков, то тогда естественно он становиться видным. Как причём? При том, что он НЕ чувствует внутри себя блоки "а" и "б". А вообще у тебя вот он чувствует их, так как стоит и благодаря этому свойству он не схлопывается. .wrapper { overflow: hidden; Отображается не параграф, а его текст, так как он обтекает плавающий блок.
  13. psywalker
    1. На будущее, код вставляем в спец. теги для этого. Пока первое предупреждение, в след. раз бан незамедлительно. 2. По сабжу. Дело в том, что блоки с float; выпадают из потока и высота их родителя схлопывается в 0. Поэтому все блочные элементы, которые находятся после них, оказываются под ними, так как просто не замечают их. Можешь это проверить, убрав блоки а и б.
  14. psywalker
  15. psywalker
    А что входит в твоё понятие "Проблема вёрстки" ?
  16. psywalker
    Можно было просто сделать так, и без дива в конце: .box-conten {overflow: hidden;}
  17. psywalker
    Баг верстки. При чем тут джумла? Ну потому что странно, что везде всё нормально, даже в ИЕ7-8, а в ИЕ9 баг. Вот и хочется разобраться, чтобы записать себе его в коллекцию. Я покапался глубже и выяснилось, что модуле (слайдшоу) для джумлы, который у меня был установлен в той позиции, есть отдельный css, правка которого решила проблему. Вернее даже и проблемы не было, вышел оптический обман. Во всех браузерах по краям при помощи css была поставлена тень, а IE её наверное не понимает, а без этой тени складывалось такое впечатление, что модуль смещён. Ну вот, я поэтому и подумал, что что-то странное. Значит бага нет и я спокоен
  18. psywalker
    clear:left; убери вот это.
  19. psywalker
    Значит не помещается в строку. Сделай меньше ширину на 1% у всех.
  20. psywalker
    Ну для начала неплохо бы понять, чем строчные элементы отличаются об блочных.
  21. psywalker
    Уверен?
  22. psywalker
    Не ожидал, да? А нахрена тогда брать заказ было? Конечно же можно. 50$.
  23. psywalker
    Ну как ты обычно подвал прижимаешь, так и делай.
  24. psywalker
    Потому что это ещё Рабочий проект.
  25. psywalker
    Контейнер растянуть на min-height 100%, и на него уже прицепить пару дивов с рамками. Абсолютом их прибить к верху и низу.
×
×
  • 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