DjTarik
-
Posts
698 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by DjTarik
-
комментарии типо <!-- // --> убери из кода и все решиться...
-
Про IE8 ничего сказать не могу - нету его у меня, но одно точно - для IE 6 и ниже нужно указывать высоту (т.к. минимальную он не распознает), а в Опере (у меня 9.62) - все норм... Да и в ранних тоже вроде как... P.S. Не один день пользуюсь этим способом прибивания футера - никогда проблем не было... )
-
-
В моем примере все ok... Так, как и показано на рисунке... Просто нужно поставить отступ к диву (в котором весь контент)... Отступ равен высоте футера...
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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"> body, html { height: 100%; } </style> </head> <body> <div style="position: relative; height: 100%; background: #3366FF;"> <div style="position: absolute; bottom: 0px; left: 0px; height: 100px; width: 100%; background: #FF3399;"> </div> </body> </html> Что тот вроде этого...
-
А что конктретно в этом коде работает неврно? Див-обертку нужно писать на весь документ... Те сразу после "боди"... Всё остальное - в ней... Работает на 100 процентов везде...
-
Использовать див-обертку с "порзишн релатив" и внутри него див с "позишн абсолют"... P.S. А вообще - почитай про прибивание футера к низу...
-
Работает везде...
-
задать "флоат"...
-
Таблицы и слои. Как прикрепить две картинки?
DjTarik replied to Defenderyk's question in HTML Coding
В body, html, или любой другой блочный элемент, который ещё не занят... в див, например... -
Таблицы и слои. Как прикрепить две картинки?
DjTarik replied to Defenderyk's question in HTML Coding
Делайте через бекгроунд... По другому - никак... Нельзя убрать блок за правую границу (за левую можно) - об этом я уже спрашивал... Вырезайте картинку больше чем 1024 по ширине и кидаете ее бэкгроундом в див-обертку и позиционируйте ее с помощью бэкгроунд-позишн... Вот и всё... -
Для ячейки нельзя прописать позишн релатив... Именно поэтому я в своем примере засунуд туда див... =)
-
по-ходу вам человек нужен... =)
-
задать height: 100%; и для body и для html
-
Было бы интересно посмотреть, т.к. я не уверен, что это вообще возможно)))
-
внутри ячейки ставь див с height: 100%; width: 100%; position: relative; - а уже в нем - позиционируй картинки с помощью position: absolute; p.S. Стандартными средствами - по-ходу, никак...
-
Wind - именно так я и сделал: - див-обертка, в котором фоновый рисунок длиной в 1280px... Его размножаем по вертикали... - внутри дива-обертки - наш див, с максимальной шириной 1280 и минимальной 1000px... - всё центрируем и всё работает... =) ——————————————--> Но интересует именно тот код, который я давал выше - это возможно практически или нет? Получается что за левую границу экрана спрятать слой можно, а за правую нельзя? O_o
-
- на 1000px - всё равно не ровно... Таким способом, думаю, появиться прокрутка по-любому... нету сайта... Могу только дать "пробный код"... Выравнивание идет по центру... Вот примерный код того, что нужно получить: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin: 0px; padding: 0px; } html, body { height: 100%; background: #7CCBF3; } .wrapper { background: #ccc; position: relative; min-height: 100%; _height: 100%; width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000) ? '1000px' : ((document.body.clientWidth > 1280) ? '1280px' : '100%')); min-width: 1000px; max-width: 1280px; margin: 0px auto; border: 1px solid blue; } .shadow-left-div { border: 1px solid red; position: absolute; top: 0px; left: 0px; width: 200px; height: 100%; margin-left: -200px; } .shadow-right-div { border: 1px solid red; position: absolute; top: 0px; right: 0px; width: 200px; height: 100%; margin-right: -200px; } </style> </head> <body> <div class="wrapper"> <div class="shadow-left-div"> </div> <div class="shadow-right-div"> </div> </div> </body> </html> Красной границей отмечены области, которые должны скрываться при разрешении <1000px и должны появляться при разрешении >1280px...
-
они не будут убираться... они есть всегда - но при разных разрешениях то выезжают - то нет... проблема именно в том, что отрицательным марджином нельзя сдвинуть блок за пределы экрана вправо...
-
Нет... Расскажу поподробнее: - имеется блок с минимальной шириной в 1000px, а максимальной - 1280px... Необходимо справа и с лева поставить теньки, которые будут появляться если ширина экрана больше 1000px, и будут скрываться, если ширина экрана равна 1000px или меньше... - горизонтальной полосы прокрутки при >1000px быть не должно... P.S. Это вообще реально? =)
-
Возможно ли "сдвинуть" отпозиционированный элемент за видимую область экрана вправо, чтобы не появилась горизонтальная полоса прокрутки? P.S. Влево - без проблем... А вот как быть с правой стороной?
-
Есть ли аналог cellspacing и cellpadding для таблиц в CSS?
DjTarik replied to rug_1's question in HTML Coding
есть... -
Если картика в png - разница заметна... Особенно, при использовании "repeat"
-
А чем float не подходит? O_o
-
Без JS - по-ходу никак... Миинимум на "онклик" нужно вешать...