Столкнулся с проблемой некорректного отображения картинок в IE. В опере все нормально работает. Может подскажете как эту проблемку устранить. Скриншот прилагаю
Я редко пользую стандартные шаблоны ... Потому сложно сказать - но знаю одно - просто так папа маму не целует. Что бы не появлялось ошибок впредь рекомендую проверять что творится в коде http://www.totalvalidator.com/ или еще лучше тута http://jigsaw.w3.org/css-validator/ Вполне возможно что картинки указаны в %, какой то див растянулся и потянул за собой всю картину
Увы. Проблема опять выползла наружу. Как в воду смотрели. Посему прощу помощи. Файл css и index прилагаю. css Код (CODE): /* ñëîé îòîáðàæàþùèé âðåìÿ ãåíåðàöèè ñòðàíèöû */ #time_gen { position: absolute; top: 10px; right: 10px; width: 62px; height: 15px; text-align: center; border: 1px solid steelblue; background: #262626; color: white; font-weight: bold; } #jdebug{ /*position: absolute; bottom: 10px; right: 10px;*/ width: auto; text-align: left; border: 1px solid steelblue; background: #262626; color: white; } /*****************************/ /*** Core html setup stuff ***/ /*****************************/ html { height: 100%; margin-bottom: 1px; } form { margin: 0; padding: 0; } body { margin: 0px 0px 0px 0px; height: 100%; font-size: 12px; } a img { border: 0 } a:link, a:visited { color: #1B57B1; text-decoration: none; font-weight: normal; } a:hover { color: #00c; text-decoration: underline; font-weight: normal; } p { margin-top: 0; margin-bottom: 5px; } div, p, table, td, th { font-family: Tahoma, Helvetica, Arial, sans-serif; line-height: 1.3em; font-size: 1em; color: #333; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ .pollstableborder{ text-align: left; } #page_bg { height: 100%; padding: 10px 0; margin-bottom: 1px; background: url(../images/body_andr.gif); } div.center { text-align: center; } div#wrapper { background: #f7f7f7 url(../images/mw_shadow_blue_l.png) 0 0 repeat-y; margin-left: auto; margin-right: auto; min-width: 750px; max-width: 1050px; } div#wrapper_r { background: url(../images/mw_shadow_blue_r.png) 100% 0 repeat-y; } div#header { background: url(../images/mw_header_blue_t.png) 0 0 repeat-x; } div#header_l { background: url(../images/mw_header_blue_t_l.png) 0 0 no-repeat; position: relative; } div#header_r { height: 90px; background: url(../images/mw_header_blue_t_r.png) 100% 0 no-repeat; padding-left: 370px; padding-right: 30px; padding-top: 25px; overflow: hidden; text-align: left; } a#logo, a#logo:hover { text-decoration: none; position: absolute; left: 0; top: 0; float: left; width: 298px; height: 75px; background: url(../images/mw_joomla_logo.png) 0 0 no-repeat; margin-left: 30px; margin-top: 25px; } div#newsflash { width: auto; margin-left: 350px; margin-right: 30px; border: 1px solid #00f; } div#tabarea { background: #f7f7f7 url(../images/mw_header_b.png) 0 0 repeat-x; margin: 0 11px; } div#tabarea_l { background: url(../images/mw_header_l_b.png) 0 0 no-repeat; padding-left: 32px; } div#tabarea_r { height: 30px; background: url(../images/mw_header_r_b.png) 100% 0 no-repeat; padding-right: 1px; } div#footer { background: #f7f7f7 url(../images/mw_footer_blue_b.png) 0 100% repeat-x; } div#footer_l { background: url(../images/mw_footer_blue_b_l.png) 0 0 no-repeat; } div#footer_r { background: url(../images/mw_footer_blue_b_r.png) 100% 0 no-repeat; padding-top: 10px; height: 47px; overflow: hidden; } div#footer_r div { text-align: center; font-size: .90em; color: #aaa; } div#footer_r a:link, div#footer_r a:visited { color: #999; } div#footerspacer { height: 10px; } div#liveInternet{ float: right; margin-right: 30px; overflow: hidden; } #pathway { padding: 0px 10px 8px; width: auto; margin-right: 250px; text-align: left; } #search { float: right; width: 160px; margin-top: -20px; margin-right: 60px; height: 40px; overflow: hidden; } #area { padding: 0; } #whitebox { margin: 0 21px 0px 21px; background: #fff; width: auto; } #whitebox div { text-align: left; } #whitebox_t { background: #fff url(../images/mw_content_t.png) 0 0 repeat-x; } #whitebox_tl { background: url(../images/mw_content_t_l.png) 0 0 no-repeat; } #whitebox_tr { height: 10px; overflow: hidden; background: url(../images/mw_content_t_r.png) 100% 0 no-repeat; } #whitebox_m { border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: auto; padding: 1px 8px; } #whitebox_b { margin-top: -5px; background: url(../images/mw_content_b.png) 0 100% repeat-x; } #whitebox_bl { background: url(../images/mw_content_b_l.png) 0 100% no-repeat; } #whitebox_br { height: 13px; background: url(../images/mw_content_b_r.png) 100% 100% no-repeat; } /* horizontal pill menu */ table.pill { margin-left: auto; margin-right: auto; padding: 0; } td.pill_m { background: url(../images/mw_menu_normal_bg.png) repeat-x; padding: 0; margin: 0; width: auto; } #pillmenu { white-space: nowrap; height: 32px; float: left; } #pillmenu ul { margin: 0; padding: 0; list-style: none; } #pillmenu li { float: left; background: url(../images/mw_menu_seperator.png) top right no-repeat; margin: 0; padding: 0; } #pillmenu a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; float: left; display: block; height: 24px; line-height: 24px; padding: 0 20px; color: #000; text-decoration: none; } #pillmenu a:hover { color: #00f; } #pillmenu a#active_menu { background: url(../images/mw_menu_active_bg.png) repeat-x; color: #fff; } #pillmenu a#active_menu:hover { color: #fff; } #leftcolumn { padding: 0; margin: 0; width: 20%; float: left; } #rss { padding-top: 10px; padding-bottom: 10px; background: #faf4f4; } #maincolumn { margin-left: 20%; float: none; padding-left: 15px; width: auto; } table.nopad { width: 100%; border-collapse: collapse; padding: 0; margin: 0; margin-bottom: 15px; } table.nopad td.middle_pad { width: 20px; } /*****************************************/ /*** Joomla! specific content elements ***/ /*****************************************/ #mod_login_username, #mod_login_password{ width: 90%; } a.contentpagetitle:link, a.contentpagetitle:visited { font-family: Tahoma, Arial, tahoma, Helvetica, sans-serif; text-decoration: none; font-size: 14px; font-weight: bold; color: #666666; } a.contentpagetitle:hover { text-decoration: underline; } .syndicate a{ margin-left: 62px; float: left; text-align: center; } .mod_login_remember{ width: 10px; } div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; } span.pathway { display: block; margin: 0 20px; height: 16px; line-height: 16px; overflow: hidden; } /* headers */ div.componentheading { padding-left: 0px; } h1 { padding: 0; font-family: Helvetica , Arial, sans-serif; font-size: 1.3em; font-weight: bold; vertical-align: bottom; color: #666; text-align: left; width: 100%; } h2, .contentheading { padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: normal; vertical-align: bottom; color: #333; text-align: left; width: 100%; } table.contentpaneopen h3 { margin-top: 25px; } h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } h3, .componentheading, table.moduletable th { margin: 0; font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; color: #135cae; padding-left: 0px; margin-bottom: 10px; text-align: left; } h2 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; color: #135cae; padding-left: 0px; margin-bottom: 10px; text-align: left; } /* small text */ .small { font-size: .90em; color: #999; font-weight: normal; text-align: left; } .modifydate { height: 20px; vertical-align: bottom; font-size: .90em; color: #999; font-weight: normal; text-align: left; } .createdate { height: 20px; vertical-align: top; font-size: .90em; color: #999; font-weight: normal; vertical-align: top; padding-bottom: 5px; padding-top: 0px; } a.readon { margin-top: 10px; background: url(../images/mw_readon.png) top right no-repeat; padding-right: 20px; line-height: 14px; height: 16px; } /* menu links */ a.mainlevel:link, a.mainlevel:visited { padding-left: 5px; } a.mainlevel:hover { } a.mainlevel#active_menu { font-weight: bold; } a.mainlevel-nav#active_menu-nav { color: red; } /* spacers */ span.article_seperator { display: block; height: 20px; } .article_column { padding-right: 5px; } .column_seperator { border-left: 1px dashed #e0e0e0; padding-left: 10px; } td.buttonheading { } .clr { clear: both; } td.greyline { width: 20px; background: url(../images/mw_line_grey.png) 50% 0 repeat-y; } div#maindivider { border-top: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; height: 1px; } table.blog span.article_seperator { display: block; height: 20px; } /* table of contents */ table.contenttoc { margin: 5px; border: 1px solid #ccc; padding: 5px; } table.contenttoc td { padding: 0 5px; } /* content tables */ td.sectiontableheader { background: #efefef; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff; } tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; } td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; } /* content styles */ table.contentpaneopen, table.contentpane { margin: 0; padding: 0; width: auto; } .contentpaneopen td { padding: 0 10px 0 0; width: 100%; text-align: justify; } table.contentpaneopen li { margin-bottom: 5px; } table.contentpaneopen fieldset { border: 0; border-top: 1px solid #ddd; } table.contentpaneopen h3 { margin-top: 25px; } table.contentpaneopen h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } /* module control elements */ table.user1user2 div.moduletable { margin-bottom: 0px; } div.moduletable, div.module { margin-bottom: 25px; } div.module_menu h3 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #eee; margin: -23px -4px 5px -5px; padding-left: 10px; padding-bottom: 2px; } div.module_menu { background: url(../images/mw_box_blue_br.png) 100% 100% no-repeat; margin: 0; padding: 0; margin-bottom: 15px; } div.module_menu div { background: url(../images/mw_box_blue_bl.png) 0 100% no-repeat; } div.module_menu div div { background: url(../images/mw_box_blue_tr.png) 100% 0 no-repeat; } div.module_menu div div div { background: url(../images/mw_box_blue_tl.png) 0 0 no-repeat; padding: 10px; padding-top: 30px; padding-bottom: 15px; width: auto; } div.module_menu div div div div { background: none; padding: 0; } div.module_menu ul { margin: 10px 0; padding-left: 20px; } div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight: bold; } #leftcolumn div.module { padding: 0 10px; } #leftcolumn div.module table { width: auto; } /* forms */ table.adminform textarea { width: 540px; height: 400px; font-size: 1em; color: black; } div.search input { width: 145px; border: 1px solid #ccc; margin: 15px 0 10px 0; } /* thumbnails */ div.mosimage { margin: 5px; } div.mosimage_caption { font-size: .90em; color: #666; } textarea.inputbox { height: 150px; line-height: 12px; font-size: 10px; } /* Parameter Table */ table.paramlist { margin-top: 5px; } table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; } table.paramlist td.paramlist_value { } div.message { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px; } .half { width: 50% } .button { height: 18px; line-height: 12px; font-size: 10px; } .button1 { height: 18px; line-height: 12px; font-size: 10px; padding: 0px 2px 0px 14px; background: #dddddd url(/images/tick.png) 3px 1px no-repeat } .moduletable_bottom tr td { font-size: 90%; text-align: left; padding: 0px 20px } .moduletable_bottom a:link, .moduletable_bottom a:visited { color: #1B57B1 } .moduletable_footer td , .moduletable_footer th, .moduletable_footer a { color: #0C3A6D; font: normal 5px/1px Tahoma } .contentitem { padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #ddd } #up { position: absolute } index.php Код (PHP): <?php defined( "_VALID_MOS" ) or die( "Прямой вызов файла запрещён." ); $iso = explode( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>'; ?> <!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; <?php echo _ISO; ?>" /> <?php mosShowHead(); ?> <link href="<?php echo $mosConfig_live_site;?>/templates/android/css/template_css.css" rel="stylesheet" type="text/css" /> <!--[if lte IE 6]> <link href="<?php echo $mosConfig_live_site;?>/templates/android/css/ieonly.css" rel="stylesheet" type="text/css" /> <![endif]--> <script defer type="text/javascript" src="<?php echo $mosConfig_live_site;?>/includes/js/pngfix.js"></script> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> </head> <body id="page_bg"> <div class="center" align="center"> <div id="wrapper"> <div id="wrapper_r"> <div id="header"> <div id="header_l"> <div id="header_r"> <a href="<?php echo $mosConfig_live_site;?>" id="logo"> </a> <?php mosLoadModules ( 'top' ,-2); ?> </div> </div> </div> <div id="tabarea"> <div id="tabarea_l"> <div id="tabarea_r"> <div id="tabmenu"> <table cellpadding="0" cellspacing="0" class="pill"> <tr> <td class="pill_l"> </td> <td class="pill_m"> <div id="pillmenu"> <?php mosLoadModules ( 'user3',-1); ?> </div> </td> <td class="pill_r"> </td> </tr> </table> </div> </div> </div> </div> <div id="search"> <?php mosLoadModules ( 'user4' , -1); ?> </div> <div id="pathway"> <?php mosPathWay(); ?> </div> <div class="clr"></div> <div id="whitebox"> <div id="whitebox_t"> <div id="whitebox_tl"> <div id="whitebox_tr"> </div> </div> </div> <div id="whitebox_m"> <div id="area"> <div id="leftcolumn"> <?php mosLoadModules ( 'left' , -3); ?> <?php mosLoadModules ( 'user8' ); ?> <?php if (mosCountModules('user9')) { ?> <div id="rss"> <?php mosLoadModules ( 'user9' ); ?> </div> <?php } ?> </div> <div id="maincolumn"> <?php if ( mosCountModules( 'user1' ) > 0 || mosCountModules( 'user2' ) > 0 ) {?> <div id="maindivider"></div> <?php }?> <table class="nopad content"> <tr valign="top"> <td> <?php mosLoadModules ( 'user7' ); ?> <?php mosMainBody(); ?> <?php if ( mosCountModules( 'user5' ) > 0 ) {?><div id="maindivider"></div> <?php }?> <?php mosLoadModules ( 'user5' ); ?> </td> <?php if(mosCountModules('right') && $task != 'edit' ) { ?> <td class="greyline"> </td> <td width="170"> <?php mosLoadModules ( 'right' ); ?><?php mosLoadModules ( 'user6' ); ?> </td> <?php }?> </tr> </table> </div> <div class="clr"> </div> </div> <div class="clr"> </div> </div> <div id="whitebox_b"> <div id="whitebox_bl"> <div id="whitebox_br"> </div> </div> </div> </div> <div id="footerspacer"> </div> </div> <div id="footer"> <div id="footer_l"> <div id="footer_r"> <?php if (mosCountModules('bottom',-1)) { ?> <div id="liveInternet"> <?php mosLoadModules ( 'bottom',-1 ); ?> </div> <?php } ?> </div> </div> </div> </div> </div> <?php mosLoadModules ( 'debug' ); ?> <?php mosLoadModules ( 'footer' ); ?> </body> </html>
В ieonly Код (CODE): /* IE ONLY CSS */ div#wrapper { width: expression(((document.body.clientWidth)) < 750? "750px": ((document.body.clientWidth)) > 1050? "1050px": "auto" ); } div#wrapper_r { } #footer { width: 100%; } div#header_r { height: 115px; } div#footer_r { width: 100%; height: 57px; } div#header_l { width: 100%; } div#footer_l { width: 100%; } div#newsflash { width: 100%; } div#pathway { } #whitebox { width: 100%; } #whitebox_m { width: 100%; } div.module_menu div div div { width: 100%; } #maincolumn { width: 100%; } table.contentpaneopen, table.contentpane { width: 100%; } #tabarea { width: 100%; } Ссылка www.pro-android.ru
Картинка заполняет собой всю ячейку по длинне целиком, ну и соответственно утолщается, либо конфликт тут - <td rowspan="6" valign="top" width="40" align="left"> <img src="http://www.pro-android.ru/images/M_images/con_address.png" alt="Адрес: " id="adress" name="adress" align="middle" border="0" /> </td> ведь картинка совсем не middle, а слева вверху ячейки, либо надо указать явные размеры картинки ...border="0" hight="16" width="16" /> IE вообще как-то странно относится к картинкам без размеров и не любит *.png, но это уже про прозрачность.
Здравствуйте, у меня насыщенная проблема, вставил в шапку шаблона кортику в FF все нормально а в IE она больше сайта и выходит за граници ,подскажите чайнику что делать ???
вот index Код (CODE): <?php defined( '_VALID_MOS' ) or die( 'Restricted access' ); // needed to seperate the ISO number from the language file constant _ISO $iso = explode( '=', _ISO ); // xml prolog echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>'; ?> <!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> <?php mosShowHead(); ?> <?php if ( $my->id ) { initEditor(); } $collspan_offset = ( mosCountModules( 'right' ) ) ? 2 : 1; //right based combos if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) { $right = 1; } ?> <meta http-equiv="Content-Type" content="text/html; charset=cp-1251" /> <link href="<?php echo $mosConfig_live_site;?>/templates/mypersia/css/template_css.css" rel="stylesheet" type="text/css" /> </head> <body> <table width="100%" border=0 align=""left" cellpadding=0 cellspacing=0> <tr> <td> <img src="templates/mypersia/images/1.jpg" width="100%" alt="Rohollah Balvardi"></td> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-image: url('<?php echo $mosConfig_live_site;?>/templates/mypersia/images/bac_top_link.png'); background-repeat: repeat-x; background-position: left top"> <tr> <td width="5"> <img border="0" src="<?php echo $mosConfig_live_site;?>/templates/mypersia/images/top_link.png" alt="Rohollah Balvardi" /></td> <td> <?php mosLoadModules ( 'user3', -1 ); ?></td> <td width="11"> <img border="0" src="<?php echo $mosConfig_live_site;?>/templates/mypersia/images/key_top_link.png" alt="Rohollah Balvardi" /></td> </tr> </table> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="162" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td><?php mosLoadModules ( 'left', -2 ); ?></td> </tr> </table> </td> <td width="5" valign="top"> <td valign="top"><?php mosMainBody(); ?></td> <td width="393" valign="top"> <img border="0" src="<?php echo $mosConfig_live_site;?>/templates/mypersia/images/logo.jpg" alt="" /></td> </tr> </table> </td> </tr> <tr> <td style="text-align: left"> <img border="0" src="<?php echo $mosConfig_live_site;?>/templates/mypersia/images/footer.png" alt="Rohollah Balvardi" /></a></td> </tr> </table> </body> </html>
<td> <img src="templates/mypersia/images/1.jpg" width="100%" alt="Rohollah Balvardi"></td> <table border="0" cellpadding="0" cellspacing="0" width="100%"> вот тут проблема