Search the Community
Showing results for tags 'ie'.
-
http://sitemakers.lo...l/html/comment/ зайдите на эту страницу в IE: тут-то и появились проблемы во всех остальных браузерах - нормально HTML: <!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>Документ без названия</title> <link href="/0.css" rel="stylesheet" type="text/css" /> <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon" /> </head> <body> <div id="layoutblock"> <div id="headerblock"><h1 align="center">Сайт и сайтостроение</h1></div> <div id="contentblock"> Контент </div> <div id="rightblock"><?php include($_SERVER['DOCUMENT_ROOT']."/menu.php"); ?></div> <div id="footerblock">© 2013-<?php echo date('Y') ?>. Все права защищены.</div> </div> <?php include($_SERVER['DOCUMENT_ROOT']."/xdata.php") ?> </body> </html> CSS: @charset "utf-8"; /* MAIN STYLE */ body { background: url(http://sitemakers.lordhosting.ru/template/sitebg.jpg) fixed; margin: 0; } #layoutblock { background-color: #FFFFFF; width: 960px; margin: auto; border-radius: 50px; zoom: 1; } #rightblock, #contentblock {float: left;} #headerblock, #footerblock {clear: both;} #rightblock { width: 240px; background-color: #FBE8E1; zoom: 1; } #headerblock { width: 960px; background-color: #561D09; color: #FFFFFF; height: 50px; line-height: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; zoom: 1; } #headerblock h1 {margin: 0;} #contentblock { width: 704px; background-color: #FFFFFF; padding: 8px; zoom: 1; } #footerblock { width: 960px; /*background-color: #FFFFFF;*/ padding-left: 50px; padding-right: 50px; zoom: 1; } /* SITE MENU */ .sitemenu {list-style-type: none; padding: 0;} .sitemenu li.item {} .sitemenu a {color: #000000; text-decoration: none;} .sitemenu li.subitem {padding-left: 10px;} .sitemenu li.subitem2 {padding-left: 20px;} .sitemenu li.selected {} .sitemenu li.subsel {} .sitemenu li.subsel2 {} /* CODE */ .insertedcode { color: #000; background-color: #D6D6D6; font-family: "Courier New", Courier, monospace; font-size: 9pt; padding: 5px; white-space: pre-wrap; } .insertedcode span.comment { color: #999999; } .insertedcode .tag { font-weight: bold; color: #006699; } .insertedcode .doctype { color: #006699; } .insertedcode .attribute { font-weight: normal; color: #B61039; } .insertedcode .attrval { color: #39892F; font-weight: normal; } .insertedcode .live { background-color: #666666; } /* DOWNLOAD BUTTON */ .buttondownload:link, .buttondownload:visited, .buttondownload:hover { display: block; border-radius: 50px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#008000', gradientType=0); background-image: -o-linear-gradient(top, #00ff00, #008000); background-image: -moz-linear-gradient(top, #00ff00, #008000); background-image: -webkit-linear-gradient(top, #00ff00, #008000); background-image: -ms-linear-gradient(top, #00ff00, #008000); background-image: linear-gradient(top, #00ff00, #008000); text-decoration: none; color: #FFFFFF; height: 100px; line-height: 100px; text-align: center; font-size: 100px; } .buttondownload:active { display: block; border-radius: 50px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008000', endColorstr='#00ff00', gradientType=0); background-image: -o-linear-gradient(top, #008000, #00ff00); background-image: -moz-linear-gradient(top, #008000, #00ff00); background-image: -webkit-linear-gradient(top, #008000, #00ff00); background-image: -ms-linear-gradient(top, #008000, #00ff00); background-image: linear-gradient(top, #008000, #00ff00); text-decoration: none; color: #FFFFFF; height: 100px; font-size: 100px; }
-
Здравствуйте! Есть такой код: <textarea rows="12" placeholder="HTML" onInput="document.getElementById('html_linecount').innerHTML = value.split(/[\n\r]/).length" onpropertychange="if (event.propertyName == 'value') document.getElementById('html_linecount').innerHTML = value.split(/[\n\r]/).length"></textarea> он подсчитывает строки в textarea. При этом в IE происходит такой баг: он не считает пустые строки. Как это исправить?
-
Думаю большинству знакомый баг в IE, когда при наборе длинного текста в input горизонтальный paddng не учитываться. И если в этом padding'е расположено фоновое изображение, то текст налазит на него. Обычно это решается дополнительным враппером/контейнером. Но как же не хочется для каждого такого поля добавляться дополнительный контейнер только, что бы исправить этот баг в IE. Существует ли решение этой задачи, без использования дополнительных тегов или js?
-
Всем известно, что текст в теге <button> при клике на нём смещается вправо и вниз. Этот "эффект" присутствует в браузерах IE и Opera: <button type="button" name="" value="" title="">Текст</button> http://jsfiddle.net/DjTarik/hGgSE/ Сразу говорю - интересует именно вариант с кнопокй (тегом <button>). Просьба не советовать "переверстать на ссылках", "использовать input" и т.д. Собственно вопрос: придумали 100% решение, как это этого избавиться? Или с давних времен ничего не изменилось? Тут больше спортивный интерес. Одно решение я нашел (с оберткой текста), но оно тоже не идеально. P.S. Предыдущие темы по данному вопросу видел, они старые. Надеюсь, что что-то изменилось с тех пор =) Спасибо.
-
Здравствуйте все! В процессе доводки сайта под ИЕ 7 увидел провтык в оформлении комментариев: Вот как комментарии отображаются в нормальных браузерах: И как отображается в ИЕ 7: Насколько я понимаю эксплорер тупит на свойстве background-position. HTML код фрагмента: <table class="com_top"> <tr> <td class="com_avatar"> <div class="user-picture"> <a href="/users/adm1n" title="Информация о пользователе."><img typeof="foaf:Image" src="/sites/default/avatar.png" alt="Аватар пользователя adm1n" title="Аватар пользователя adm1n" /></a> </div> </td> <td class="round_cont"><div class="coml"></div></td> <td class="comc"> <div class="author"> <span rel="sioc:has_creator"><a href="/users/adm1n" title="Информация о пользователе." class="username" xml:lang="" about="/users/adm1n" typeof="sioc:UserAccount" property="foaf:name">adm1n</a></span> </div> <div class="submitted"> <span property="dc:date dc:created" content="2013-01-30T14:11:54+03:00" datatype="xsd:dateTime" rel="sioc:has_creator">30.01.13 14:11</span> </div> <div class="comment_links"> <ul class="links inline"><li class="comment-delete first"><a href="/comment/4/delete">удалить</a></li> <li class="comment-edit"><a href="/comment/4/edit">изменить</a></li> <li class="comment-reply last"><a href="/comment/reply/53/4">ответить</a></li> </ul> </div> </td> <td class="round_cont"><div class="comr"></div></td> </tr> </table> СSS для данного блока: .comment .com_top td {padding:0px;height:50px;margin:0px;vertical-align:top;} .comment .com_top .round_cont {width:5px;} .comment .com_top .com_avatar {padding-right:10px;width:50px;height:50px;overflow:hidden;} .comment .com_top .com_avatar .user_picture {display:inline;height:50px;overflow:hidden;line-height:10px;} .comment .com_top .com_avatar .user-picture a {width:50px;height:50px;display:inline;zoom:1;overflow:hidden;} .comment .com_top .coml,.comment .com_top .comc,.comment .com_top .comr {height:50px;background:url(/themes/vkk/com_title.png);} .comment .com_top .comc {position:relative;background-position:0px -100px;} .comment .com_top .coml {width:5px;background-position:0px 0px;font-size:1px;background-repeat:no-repeat;} .comment .com_top .comr {width:5px;background-position:0px -50px;font-size:1px;background-repeat: no-repeat;} .comment .com_top .author {width:100%;font-size:14px;color:#880707;margin-top:8px;margin-bottom:5px;padding-left:5px;height:15px;overflow:hidden;} .comment .com_top .author a {color:#880707;font-size:14px;} .comment .com_top .submitted {position:absolute;top:12px;right:2px;height:15px;line-height:14px;font-size:10px;color:#686666;width:50px;text-align:center;display:block;} .comment .com_top .comment_links {width:100%;margin:0px;} .comment .com_top .comment_links .links {width:100%;font-size:12px;text-align:left;margin:0px;} .comment .com_top .comment_links .links ul li {padding:0px;padding-right:5px;} .comment .submitted a,.comment .links a {color:#686666;text-decoration:none;} .comment .submitted a:hover,.comment .links a:hover {color:#880707;text-decoration:underline;} .comment .content,.comment .content p{font-size:12px;margin:5px auto;} Я использую для данной рамки "данных комментатора" спрайт - картинку а нужный фрагмент вырезаю backrgound-position. Может кто-то помочь в данной ситуации? Хотябы показать, в какую сторону рыть.
-
Вот html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="reset.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <header id="header"> <div id="logo"> <a href="#A1_logo"> <img style="float:left;" src="images/A1_logo.png" /> </a> <a href="#Netwheels_logo"> <img style="float:left; margin-left:50px;" src="images/Nordea_logo.png" /> </a> <a href="#Nordea_logo"> <img style="float:right;" src="images/Netwheels_logo.png" /> </a> </div> </header><!-- #header--> <section id="middle"> <div id="container"> <div id="content_large"> <strong>Content</strong> </div><!-- #content--> <div id="content_small"> <strong>Content</strong> </div><!-- #content--> <div id="content_small" style="float:right"> <strong>Content</strong> </div><!-- #content--> </div><!-- #container--> </section><!-- #middle--> </div><!-- #wrapper --> <footer id="footer"> <strong>Footer</strong> </footer><!-- #footer --> </body> </html> А вот CSS * { margin: 0; padding: 0; } html { height: 100%; } header, nav, section, article, aside, footer { display: block; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; background-image:url(images/body_bg.png); background:bottom; background-repeat:repeat-x; width: 100%; height: 100%; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #logo { padding-top:25px; width:940px; margin:0 auto; } #wrapper { width: 1010px; margin: 0 auto; background-image: url(images/bg_shadow.png); min-height: 100%; height: auto !important; height: 100%; } #header { height: 300px; background-image:url(images/header_bg.png); margin: 0 auto; width: 980px; } #middle { margin: 0 auto; width: 980px; padding: 0 0 100px; height: 1%; position: relative; } #middle:after { content: ''; clear: both; display: table; } #container { width: 930px; margin:0 auto; overflow: hidden; padding-bottom:50px; } #content_large { width:930px; margin-top:25px; height:211px; margin:0 auto; border:none; background-image:url(images/large_box_bg.png); } #content_small { width:453px; margin-top:25px; float:left; height:211px; border:none; background-image:url(images/small_box_bg.png); } #footer { width: 980px; margin: -100px auto 0; height: 100px; position: relative; } Если добавить <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> в html сверху то все ОК Но к сожалению нельзя использовать js (( Помогите плиз! Вот что в IE А надо
