На одном сайте нашел модальное окно. Сверху прописано <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> и все равно не хочет работать негодяй ? Сейчас скину пример сss файл: /* the overlayed element */ /*strong { color: #000000; background: rgb(255,244,109);}*/ body {font-family: Geneva, Arial, Helvetica, sans-serif;} h1 { margin: 0; padding: 0; font-family: Geneva, Arial, Helvetica, sans-serif; color: #222; letter-spacing: -1px; } p { font: 12px/20px Geneva, Arial, Helvetica, sans-serif; font-family: Geneva, Arial, Helvetica, sans-serif; } div.overlay { background-image:url(white.png); width:600px; height:470px; display:none; padding:55px; font-family: Geneva, Arial, Helvetica, serif;} div.overlay div.close { background-image:url(close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; font-family: Geneva, Arial, Helvetica, serif; } Главный файл : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Golden Gallery-макияж и причестки на дому</title> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=windows-1251" /> <script src="jquery.tools.min.js"></script> <script> $(function() { // if the function argument is given to overlay, it is assumed to be the onBeforeLoad event listener $("a[rel]").overlay(function() { // grab wrapper element inside content var wrap = this.getContent().find("div.wrap"); // load only for the first time it is opened if (wrap.is(":empty")) { wrap.load(this.getTrigger().attr("href")); } }); }); </script> <link rel="stylesheet" type="text/css" href="overlay-minimal.css"/> <style> /* use a semi-transparent image for the overlay */ #overlay {background-image:url(transparent.png); font-family: Geneva, Arial, Helvetica, sans-serif; color:#efefef;} /* container for external content. uses vertical scrollbar, if needed */ div.wrap { height:441px; overflow-y:auto; font-family: Geneva, Arial, Helvetica, sans-serif;} </style> <title>Untitled Document</title> </head> <body> <a href="external-content.htm" rel="#overlay"> <!-- remember that you can use any element inside the anchor tag --> <button type="button">Показать внешний файл в модальном окне!!!</button> </a> <!-- overlayed element --> <div class="overlay" id="overlay"> <!-- the external content is loaded inside this tag --> <div class="wrap"></div> </div> </body> </html> ;) :) :(
