0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 3210 Просмотров
*

Nikolay Blinov

  • Захожу иногда
  • 142
  • 5 / 0
  • How much is the fish?
В во всех браузерах все хорошо (IE 8-9, опера, файерфокс, хром), а вот в IE 6-7 столбцы едут и привязать их не могу никак настолько жестко чтобы победить IE 6-7.
посоветуйте.

прилагаю код и фото, так как пока написал хак для IE 6 и 7.


Код
<?php
/*
* @copyright Copyright (C) 2008 - 2009 All rights reserved.
* @license
*/
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template.css" type="text/css" />
<?php if($this->direction == 'rtl') : ?>
<link href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template_rtl.css" rel="stylesheet" type="text/css" />
<?php endif; ?>
<link id="JTKLocalCss" href="../nice/css/template.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]><link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ;?>/templates/<?php echo

$this->template ;?>/css/template2.ie.css" /><![endif]-->

</head>

<body>
<table width="994" border="0" align="center" cellpadding="0" cellspacing="0" class="bord">
<tr>
  <td align="center" valign="top" class="leftblock" style="text-align: center"><table width="994" border="0" align="center" cellpadding="0" cellspacing="0" class="bord">
    <tr>
      <th height="111" colspan="3" bgcolor="#006529" class="logo" scope="col">&nbsp;</th>
    </tr>
    <tr>
      <td height="46" colspan="3" align="center" valign="middle" class="topmenu" style="text-align: center"><?php if($this->countModules('user3')) : ?>
        <jdoc:include type="modules" name="user3" style="horizontal" />
        <!-- Add IF Code Here -->
        <?php endif; ?></td>
    </tr>
    <tr>
      <td height="40" colspan="3" align="center" valign="top" bgcolor="#9CBE6B" style="text-align: center"><span class="topbord">
        <jdoc:include type="modules" name="banner" style="xhtml" />
      </span></td>
    </tr>
    <tr>
      <td width="200" align="center" valign="top" class="leftblock" style="text-align: center"><jdoc:include type="modules" name="left" style="xhtml" /></td>
      <td width="600" align="left" valign="top" class="MainBody"><jdoc:include type="component" /> </td>
      <td width="200" align="center" valign="top" class="rightblock"><jdoc:include type="modules" name="right" style="xhtml" /></td>
    </tr>
    <tr>
      <td width="200" height="176" class="bottomhand">&nbsp;</td>
      <td width="600" align="left" valign="bottom"><jdoc:include type="modules" name="bottom" style="xhtml" />
        <!--LiveInternet counter-->
        <script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t52.16;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров и"+
" посетителей за 24 часа' "+
"border='0' width='88' height='31'><\/a>")
//--></script>
        <!--/LiveInternet-->
        <!-- begin of Top100 code -->
        <script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?2330217"></script>
        <noscript>
          <a href="http://top100.rambler.ru/navi/2330217/"> <img src="http://counter.rambler.ru/top100.cnt?2330217" alt="Rambler's Top100" border="0" /></a>
        </noscript></td>
      <td width="200" class="logo2">&nbsp;</td>
    </tr>
  </table></td>
</tr>
</table>
</body>
</html>


*

Yurets

  • Захожу иногда
  • 405
  • 92 / 0
  • Губернатор острова Борнео
[spoiler title=а если так попробовать]
Код
<td class="rightblock"><jdoc:include type="modules" name="right" style="xhtml" /></td>
+
Код
...
td.rightblock {
width: 200px;
text-align: center;
vertical-align: top
}
...
[/spoiler]
В комнате с белым потолком
*

flyingspook

  • Живу я здесь
  • 3588
  • 247 / 9
*

Nikolay Blinov

  • Захожу иногда
  • 142
  • 5 / 0
  • How much is the fish?
файлы стилей

template.css
Код
@import url(layouts.css);
@import url(components.css);
@import url(modules.css);
@import url(navigation.css);
@import url(misc.css);
@import url(forms.css);

/* #######################  GENERAL SETTINGS ############################ */
html{height:100%;}

body{
margin:0px;
height:100%;
font-family: Verdana, Geneva, sans-serif;
font-size: 0.8em;
/* [disabled]padding-left: 5px; */
}

/*  Heading Formatting */
h1 {
font-size:1.9em;
line-height: 1.9em;
font-weight: 900;
color: #000;
}
h2 {
font-size:1.7em;
line-height: 1.7em;
font-weight: 900;
color: #000;
}
h3 {
font-size:1.5em;
line-height: 1.5em;
font-weight: 900;
color: #006600;
}
h4 {
font-size:1.4em;
line-height: 1.4em;
font-weight: 900;
color: #000;
}
.bord {
border: 3px solid #060;
}

h5 {
font-size:1.3em;
line-height: 1.3em;
font-weight: 900;
color: #000;
}
.topbord {

}

h6 {
font-size:0.7em;
line-height: normal;
color: #666;
}
.bottomhand {
background-image: url(../images/Untitled-2.jpg);
background-repeat: no-repeat;
background-position: left bottom;
width: 200px;
}
.logo2 {
background-image: url(../images/logo2.jpg);
background-position: right bottom;
background-repeat: no-repeat;
width: 200px;
position: relative;
}



/*links*/
a:link {color: #CC6600;}
.logo {
background-repeat: no-repeat;
background-position: right top;
background-image: url(../images/logo3.jpg);
}
.leftblock {
border-top-width: 3px;
border-right-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-top-color: #060;
border-right-color: #060;
border-bottom-color: #060;
width: 200px;
}
.rightblock {
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #060;
border-bottom-color: #060;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #060;
width: 200px;
}

.topmenu {
background-color: #060;
text-align: center;
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFF;
border-bottom-color: #FFF;
}

.mainbod {
border-top-color: #060;
border-right-color: #060;
border-bottom-color: #060;
border-left-color: #060;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}


a:hover {color: #659FDE;}
a:visited {color: #CC6600;}
img {border: 0 none;}

/* Clears Divs */
.clr{clear: both;}

/* #######################  END GENERAL SETTINGS ############################ */

template2.ie.css
Код
/* Design by Brian Diaz of Media 65 @ http://www.m65.net  All Rights Reserved */
@import url(layout.ie.css);
@import url(components.css);
@import url(modules.ie.css);
@import url(navigation.css);
@import url(misc.css);
@import url(forms.css);

/* #######################  GENERAL SETTINGS ############################ */
html{height:100%;}

body{
margin:0px;
height:100%;
font-family: Verdana, Geneva, sans-serif;
font-size: 0.8em;
/* [disabled]padding-left: 5px; */
}

/*  Heading Formatting */
h1 {
font-size:1.9em;
line-height: 1.9em;
font-weight: 900;
color: #000;
}
h2 {
font-size:1.7em;
line-height: 1.7em;
font-weight: 900;
color: #000;
}
h3 {
font-size:1.5em;
line-height: 1.5em;
font-weight: 900;
color: #006600;
}
h4 {
font-size:1.4em;
line-height: 1.4em;
font-weight: 900;
color: #000;
}
.bord {
border: 3px solid #060;
}

h5 {
font-size:1.3em;
line-height: 1.3em;
font-weight: 900;
color: #000;
}
.topbord {
border-top-width: 3px;
border-top-style: solid;
border-top-color: #FFF;
width: 1000px;
}

h6 {
font-size:0.7em;
line-height: normal;
color: #666;
}
.bottomhand {
background-image: url(../images/Untitled-1.jpg);
background-repeat: no-repeat;
background-position: -63px bottom;
width: 200px;
}
.logo2 {
background-image: url(../images/logo2.jpg);
background-position: right bottom;
background-repeat: no-repeat;
width: 200px;
}



/*links*/
a:link {color: #CC6600;}
.logo {
background-repeat: no-repeat;
background-position: right top;
width: 0px;
background-image: url(../images/logo3.jpg);
}
.leftblock {
border-right-width: 3px;
border-bottom-width: 3px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #060;
border-bottom-color: #060;
width: 200px;
}
.rightblock {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #060;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #060;
width: 200px;
}

.topmenu {
background-color: #060;
text-align: center;
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFF;
border-bottom-color: #FFF;
}

.mainbod {
border-top-color: #060;
border-right-color: #060;
border-bottom-color: #060;
border-left-color: #060;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}


a:hover {color: #659FDE;}
a:visited {color: #CC6600;}
img {border: 0 none;}

/* Clears Divs */
.clr{clear: both;}



/* ##################### MODULE TABLE STYLE  #################*/
/* Element |Class  |Suffix */
/* table   |moduletable      | moduleclass_sfx*/
/* <jdoc:include type="modules" name="left" style="table" /> */

/* Table Control */
table.moduletable {}

/* Font Control */

/* Title Control */
table.moduletable th {}

/* Module tbody Control*/
/*table.moduletable tbody{} */

/* Module Row Control*/
/*table.moduletable tr {}*/
table.moduletable tr{}

/* Module table Data Content Control*/
table.moduletable td {}

/* List Control */
table.moduletable ul {}
table.moduletable li {}

/* Link Control*/
table.moduletable a:link{}
table.moduletable a:visited {}
table.moduletable a:hover {}
table.moduletable a:active {}


/* ##################### MODULE TABLE STYLE CUSTOM SUFFIX #################*/

/* ##################### MODULE TABLE STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE TABLE STYLE  #################*/


/* ##################### MODULE XHTML DIV STYLE #################*/
/* Element |Class   |Suffix */
/* div   |moduletable      | moduleclass_sfx*/
/* h3     |moduletable      |
/* <jdoc:include type="modules" name="left" style="xhtml" /> */

/* Table Control */
/* Module Content Control*/
div.moduletable {
text-indent: 10;
}

/* Font Control */

/* Title Control */
div.moduletable h3 {
font-size: 1.5em;
line-height: 1.5em;
color: #060;
text-align: center;
vertical-align: top;
}

/* List Control */
div.moduletable ul {}
div.moduletable li {}

/* Link Control*/
div.moduletable a:link{}
div.moduletable a:visited {}
div.moduletable a:hover {}
div.moduletable a:active {}


/* ##################### MODULE XHTML STYLE CUSTOM SUFFIX #################*/
/* ##################### MODULE XHTML STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE MODULE XHTML STYLE  #################*/


/* ##################### MODULE ROUNDED STYLE #################*/
/* Element |Class   |Suffix */
/* div   |module           | moduleclass_sfx*/
/* h3     |module           |
/* <jdoc:include type="modules" name="left" style="rounded" /> */

/* Module Content Control*/
div.module {
}

/* Font Control */

/* Title Control */
div.module h3 { }

/* List Control */
.module ul {}
.module li {}

/* Link Control*/
.module a:link{}
.module a:visited {}
.module a:hover {}
.module a:active {}

 /* Round Conners example */
.module {background: url(../images/bl_grey.gif) 0 100% no-repeat #dddddd; width: 20em; margin-bottom: 10px;}
.module div {background: url(../images/br_grey.gif) 100% 100% no-repeat}
.module div div {background: url(../images/tl_grey.gif) 0 0 no-repeat}
.module div div div {background: url(../images/tr_grey.gif) 100% 0 no-repeat; padding:10px; padding-top: 0px; padding-bottom: 2px;}
.module div div div div {background: none;}


/* ##################### MODULE ROUNDED STYLE CUSTOM SUFFIX #################*/
/* ##################### END MODULE ROUNDED STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE ROUNDED STYLE  #################*/


/* ##################### MODULE HORZ #################*/
/* table   |moduletable      | moduleclass_sfx*>*/
/* <jdoc:include type="modules" name="left" style="horz" /> */
/* Its a table module above has most of the control try using a suffix to have more control*/
.nowrap{}

/* ##################### MODULE HORZ STYLE CUSTOM SUFFIX #################*/
 


/* ##################### MODULE BANNERS #################*/
/* mod_banners */
/*
div     |bannergroup      | moduleclass_sfx
div     |bannerheader     | moduleclass_sfx
div     |banneritem       | moduleclass_sfx
div     |bannerfooter     | moduleclass_sfx*/

/* Group */
div.bannergroup {}

/* Header  */
div.bannerheader{}

/* Text advert style */
div.banneritem {}

/* footer */
div.bannerfooter {}

/* ##################### MODULE BANNERS STYLE CUSTOM SUFFIX #################*/
/* Group */
div.bannergroup-ban-sfx{}

/* Header  */
div.bannerheader-ban-sfx{}

/* Text advert style */
div.banneritem-ban-sfx{}

/* footer */
div.bannerfooter-ban-sfx{}
/*  ##################### END MODULE BANNERS STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE BANNERS #################*/


/* ##################### MODULE BREADCRUMBS #################*/
/* mod_breadcrumbs Move to navigation.css*/

/* ##################### MODULE BREADCRUMBS #################*/

/* ##################### MODULE CUSTOM #################*/
/*  mod_custom No styles at this time */
/* ##################### MODULE CUSTOM #################*/


/* ##################### MODULE FOOTER #################*/
/* mod_footer No styles at this time */
/* ##################### END MODULE FOOTER #################*/

/* ##################### MODULE LATESTNEWS #################*/
/* mod_latestnews */
/*
ul      |latestnews      | moduleclass_sfx
li      |latestnews      | moduleclass_sfx
a       |latestnews      | moduleclass_sfx */
.latestnews{}
/* List Control */
.latestnews ul {}
.latestnews li {}

/* Link Control*/
.latestnews a:link{}
.latestnews a:visited {}
.latestnews a:hover {}
.latestnews a:active {}
/* ##################### END MODULE LATESTNEWS STYLE CUSTOM SUFFIX #################*/
/* mod_latestnews */
/*
ul      |latestnews      | moduleclass_sfx
li      |latestnews      | moduleclass_sfx
a       |latestnews      | moduleclass_sfx */
.latestnews-news-sfx{}

/* ##################### END MODULE LATESTNEWS STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE LATESTNEWS #################*/


/* ##################### MODULE FEED #################*/
/*mod_feed
Element | ID | CLASS | SUFFIX
table NA moduletable YES
ul NA newsfeed YES
*/
.newsfeed{}
/* ##################### END MODULE FEED #################*/
.newsfeed-feed-sfx{}
/* ##################### MODULE FEED SUFFIX #################*/

/* ##################### END MODULE FEED SUFFIX  #################*/


/* ##################### MODULE MAINMENU #################*/
/* NOTE: see navigation.css */
/* ##################### END MODULE MAINMENU #################*/


/* ##################### MODULE LOGIN #################*/
/* mod_login */
/*
NOTE: see forms.css
/* Element |ID   | Class  |Suffix
input-submit |NA | button  |NO
fieldset |NA |input  |NO
input-text |modlgn_username |inputbox  |NO
input-password |modlgn_passwd |inputbox  |NO
input-checkbox |modlgn_remember |inputbox  |NO
input-submit |NA |button  |NO
*/
/* ##################### END MODULE LOGIN #################*/
form-login{}

/* ##################### MODULE MOSTREAD #################*/
/* mod_mostread */
/*
ul      |mostread      | moduleclass_sfx
li      |mostread      | moduleclass_sfx
a       |mostread      | moduleclass_sfx */
.mostread{}
/* ##################### MODULE MOSTREAD STYLE CUSTOM SUFFIX #################*/
/* ul      |mostread      | moduleclass_sfx
   li      |mostread      | moduleclass_sfx
   a       |mostread      | moduleclass_sfx */
.mostread-read-sfx{}
/* ##################### END MODULE MOSTREAD STYLE CUSTOM SUFFIX #################*/
/* ##################### END MODULE MOSTREAD #################*/


/* ##################### MODULE NEWSFLASH #################*/
/* mod_newsflash */
/*
These are the same as the Componet class but if your add a suffix you can control
with affecting the main Componet class.
table   |moduletable      | moduleclass_sfx
table   |contentpaneopen  | moduleclass_sfx
td      |contentheading   | moduleclass_sfx
a       |contentpagetitle | moduleclass_sfx
span    |article_separator|  */

/* ##################### END MODULE NEWSFLASH STYLE CUSTOM SUFFIX #################*/
/*
table   |moduletable      | moduleclass_sfx
table   |contentpaneopen  | moduleclass_sfx
td      |contentheading   | moduleclass_sfx
a       |contentpagetitle | moduleclass_sfx
span    |article_separator|  */
moduletable-news-sfx{}
article_separator-news-sfx{}
contentpaneopen-news-sfx{}
contentheading-news-sfx{}
contentpagetitle-news-sfx{}
contentpaneopen-news-sfx{}
/* ##################### END MODULE NEWSFLASH STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE NEWSFLASH #################*/

/* ##################### MODULE POLL #################*/
/* mod_poll */
/*
this module has a special style sheet in its front page com
loaction: components\com_poll\assets\poll_bars.css
it calls a Javascript that adds the  class at rendering time of page.

table   |pollstableborder   |

See" forms.css
input-submit |NA |button

!Theses classes are component class see components.css!
div     |componentheading     | pageclass_sfx
div     |contentpane          | pageclass_sfx
th      |sectiontableheader |
tr      |sectiontableentry   | pageclass_sfx |odd color 0 1
*/
/* Polls Outside Table Border */
.pollstableborder {}

/* ##################### MODULE POLL STYLE CUSTOM SUFFIX #################*/
/* NA */
/* ##################### END MODULE POLL STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE POLL #################*/


/* ##################### MODULE RANDOM IMAGE #################*/
/* mod_random_image No styles at this time*/
/* ##################### END MODULE RANDOM IMAGE #################*/


/* ##################### MODULE REALTED ITEMS #################*/
/*mod_related_items*/
/* ul      |relateditems      | moduleclass_sfx */
relateditems{}
/* ##################### MODULE REALTED ITEMS STYLE CUSTOM SUFFIX #################*/
relateditems-related-sfx{}
/* ##################### END MODULE REALTED ITEMS STYLE CUSTOM SUFFIX #################*/
/* ##################### END MODULE REALTED ITEMS #################*/


/* ##################### MODULE SEARCH #################*/
/* mod_searc & com_search  */
/* should add form foramtting in the forms.css sheets */
/*Element | ID | CLASS | SUFFIX
input-submit  mod_search_searchword inputbox YES
input-image NA button YES
input-submit NA button      YES
div NA    search   YES*/

.search {}
/* last 2 for search class's are in com_search but added here*/
/* results if not search Google */

/* End Search Form */
/* ##################### END MODULE SEARCH #################*/
/* ##################### MODULE SEARCH SUFFIX  #################*/
.search-sea-sfx {}
/* last 2 for search class's are in com_search but added here*/
/* results if not search Google */
/* ##################### END MODULE SEARCH SUFFIX #################*/


/* ##################### MODULE SECTIONS #################*/
/* mod_sections */
/*
 ul      |sections      | moduleclass_sfx */
 .sections{}
 /* ##################### END MODULE SECTIONS  #################*/
/* ##################### MODULE SECTIONS SUFFIX  #################*/
.sections-sec-sfx{}
/* ##################### END MODULE SECTIONS SUFFIX #################*/
 
/* ##################### MODULE STATS #################*/
/* mod_stats No styles at this time */
/* ##################### END MODULE MODULE STATS#################*/

/* ##################### MODULE SYNDICATE #################*/
/* mod_syndicate No styles at this time */
/* ##################### END MODULE SYNDICATE #################*/

/* ##################### MODULE WHOSONLINE #################*/
/* mod_whosonline No styles at this time */
/* ##################### END MODULE SYNDICATE #################*/

/* ##################### MODULE WRAPPER #################*/
/* mod_wrapper */
/*Element |ID |CLASS |SUFFIX
  iframe   |NA |wrapper |YES*/
.wrapper{}
/* ##################### MODULE WRAPPER SUFFIX #################*/
/* ##################### END MODULE WRAPPER SUFFIX #################*/

/* #######################  END GENERAL SETTINGS ############################ */


modules.css
Код
/* Design by Brian Diaz of Media 65 @ http://www.m65.net  All Rights Reserved */

/* ##################### MODULE TABLE STYLE  #################*/
/* Element |Class  |Suffix */
/* table   |moduletable      | moduleclass_sfx*/
/* <jdoc:include type="modules" name="left" style="table" /> */

/* Table Control */
table.moduletable {}

/* Font Control */

/* Title Control */
table.moduletable th {}

/* Module tbody Control*/
/*table.moduletable tbody{} */

/* Module Row Control*/
/*table.moduletable tr {}*/
table.moduletable tr{}

/* Module table Data Content Control*/
table.moduletable td {}

/* List Control */
table.moduletable ul {}
table.moduletable li {}

/* Link Control*/
table.moduletable a:link{}
table.moduletable a:visited {}
table.moduletable a:hover {}
table.moduletable a:active {}


/* ##################### MODULE TABLE STYLE CUSTOM SUFFIX #################*/

/* ##################### MODULE TABLE STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE TABLE STYLE  #################*/


/* ##################### MODULE XHTML DIV STYLE #################*/
/* Element |Class   |Suffix */
/* div   |moduletable      | moduleclass_sfx*/
/* h3     |moduletable      |
/* <jdoc:include type="modules" name="left" style="xhtml" /> */

/* Table Control */
/* Module Content Control*/
div.moduletable {
text-indent: 10;
}

/* Font Control */

/* Title Control */
div.moduletable h3 {
font-size: 1.5em;
line-height: 1.5em;
color: #060;
background-color: #9CCF63;
text-align: center;
vertical-align: top;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #060;
border-right-color: #060;
border-bottom-color: #060;
border-left-color: #060;
background-position: top;
}

/* List Control */
div.moduletable ul {}
div.moduletable li {}

/* Link Control*/
div.moduletable a:link{}
div.moduletable a:visited {}
div.moduletable a:hover {}
div.moduletable a:active {}


/* ##################### MODULE XHTML STYLE CUSTOM SUFFIX #################*/
/* ##################### MODULE XHTML STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE MODULE XHTML STYLE  #################*/


/* ##################### MODULE ROUNDED STYLE #################*/
/* Element |Class   |Suffix */
/* div   |module           | moduleclass_sfx*/
/* h3     |module           |
/* <jdoc:include type="modules" name="left" style="rounded" /> */

/* Module Content Control*/
div.module {
}

/* Font Control */

/* Title Control */
div.module h3 { }

/* List Control */
.module ul {}
.module li {}

/* Link Control*/
.module a:link{}
.module a:visited {}
.module a:hover {}
.module a:active {}

 /* Round Conners example */
.module {background: url(../images/bl_grey.gif) 0 100% no-repeat #dddddd; width: 20em; margin-bottom: 10px;}
.module div {background: url(../images/br_grey.gif) 100% 100% no-repeat}
.module div div {background: url(../images/tl_grey.gif) 0 0 no-repeat}
.module div div div {background: url(../images/tr_grey.gif) 100% 0 no-repeat; padding:10px; padding-top: 0px; padding-bottom: 2px;}
.module div div div div {background: none;}


/* ##################### MODULE ROUNDED STYLE CUSTOM SUFFIX #################*/
/* ##################### END MODULE ROUNDED STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE ROUNDED STYLE  #################*/


/* ##################### MODULE HORZ #################*/
/* table   |moduletable      | moduleclass_sfx*>*/
/* <jdoc:include type="modules" name="left" style="horz" /> */
/* Its a table module above has most of the control try using a suffix to have more control*/
.nowrap{}

/* ##################### MODULE HORZ STYLE CUSTOM SUFFIX #################*/
 


/* ##################### MODULE BANNERS #################*/
/* mod_banners */
/*
div     |bannergroup      | moduleclass_sfx
div     |bannerheader     | moduleclass_sfx
div     |banneritem       | moduleclass_sfx
div     |bannerfooter     | moduleclass_sfx*/

/* Group */
div.bannergroup {}

/* Header  */
div.bannerheader{}

/* Text advert style */
div.banneritem {}

/* footer */
div.bannerfooter {}

/* ##################### MODULE BANNERS STYLE CUSTOM SUFFIX #################*/
/* Group */
div.bannergroup-ban-sfx{}

/* Header  */
div.bannerheader-ban-sfx{}

/* Text advert style */
div.banneritem-ban-sfx{}

/* footer */
div.bannerfooter-ban-sfx{}
/*  ##################### END MODULE BANNERS STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE BANNERS #################*/


/* ##################### MODULE BREADCRUMBS #################*/
/* mod_breadcrumbs Move to navigation.css*/

/* ##################### MODULE BREADCRUMBS #################*/

/* ##################### MODULE CUSTOM #################*/
/*  mod_custom No styles at this time */
/* ##################### MODULE CUSTOM #################*/


/* ##################### MODULE FOOTER #################*/
/* mod_footer No styles at this time */
/* ##################### END MODULE FOOTER #################*/

/* ##################### MODULE LATESTNEWS #################*/
/* mod_latestnews */
/*
ul      |latestnews      | moduleclass_sfx
li      |latestnews      | moduleclass_sfx
a       |latestnews      | moduleclass_sfx */
.latestnews{}
/* List Control */
.latestnews ul {}
.latestnews li {}

/* Link Control*/
.latestnews a:link{}
.latestnews a:visited {}
.latestnews a:hover {}
.latestnews a:active {}
/* ##################### END MODULE LATESTNEWS STYLE CUSTOM SUFFIX #################*/
/* mod_latestnews */
/*
ul      |latestnews      | moduleclass_sfx
li      |latestnews      | moduleclass_sfx
a       |latestnews      | moduleclass_sfx */
.latestnews-news-sfx{}

/* ##################### END MODULE LATESTNEWS STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE LATESTNEWS #################*/


/* ##################### MODULE FEED #################*/
/*mod_feed
Element | ID | CLASS | SUFFIX
table NA moduletable YES
ul NA newsfeed YES
*/
.newsfeed{}
/* ##################### END MODULE FEED #################*/
.newsfeed-feed-sfx{}
/* ##################### MODULE FEED SUFFIX #################*/

/* ##################### END MODULE FEED SUFFIX  #################*/


/* ##################### MODULE MAINMENU #################*/
/* NOTE: see navigation.css */
/* ##################### END MODULE MAINMENU #################*/


/* ##################### MODULE LOGIN #################*/
/* mod_login */
/*
NOTE: see forms.css
/* Element |ID   | Class  |Suffix
input-submit |NA | button  |NO
fieldset |NA |input  |NO
input-text |modlgn_username |inputbox  |NO
input-password |modlgn_passwd |inputbox  |NO
input-checkbox |modlgn_remember |inputbox  |NO
input-submit |NA |button  |NO
*/
/* ##################### END MODULE LOGIN #################*/
form-login{}

/* ##################### MODULE MOSTREAD #################*/
/* mod_mostread */
/*
ul      |mostread      | moduleclass_sfx
li      |mostread      | moduleclass_sfx
a       |mostread      | moduleclass_sfx */
.mostread{}
/* ##################### MODULE MOSTREAD STYLE CUSTOM SUFFIX #################*/
/* ul      |mostread      | moduleclass_sfx
   li      |mostread      | moduleclass_sfx
   a       |mostread      | moduleclass_sfx */
.mostread-read-sfx{}
/* ##################### END MODULE MOSTREAD STYLE CUSTOM SUFFIX #################*/
/* ##################### END MODULE MOSTREAD #################*/


/* ##################### MODULE NEWSFLASH #################*/
/* mod_newsflash */
/*
These are the same as the Componet class but if your add a suffix you can control
with affecting the main Componet class.
table   |moduletable      | moduleclass_sfx
table   |contentpaneopen  | moduleclass_sfx
td      |contentheading   | moduleclass_sfx
a       |contentpagetitle | moduleclass_sfx
span    |article_separator|  */

/* ##################### END MODULE NEWSFLASH STYLE CUSTOM SUFFIX #################*/
/*
table   |moduletable      | moduleclass_sfx
table   |contentpaneopen  | moduleclass_sfx
td      |contentheading   | moduleclass_sfx
a       |contentpagetitle | moduleclass_sfx
span    |article_separator|  */
moduletable-news-sfx{}
article_separator-news-sfx{}
contentpaneopen-news-sfx{}
contentheading-news-sfx{}
contentpagetitle-news-sfx{}
contentpaneopen-news-sfx{}
/* ##################### END MODULE NEWSFLASH STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE NEWSFLASH #################*/

/* ##################### MODULE POLL #################*/
/* mod_poll */
/*
this module has a special style sheet in its front page com
loaction: components\com_poll\assets\poll_bars.css
it calls a Javascript that adds the  class at rendering time of page.

table   |pollstableborder   |

See" forms.css
input-submit |NA |button

!Theses classes are component class see components.css!
div     |componentheading     | pageclass_sfx
div     |contentpane          | pageclass_sfx
th      |sectiontableheader |
tr      |sectiontableentry   | pageclass_sfx |odd color 0 1
*/
/* Polls Outside Table Border */
.pollstableborder {}

/* ##################### MODULE POLL STYLE CUSTOM SUFFIX #################*/
/* NA */
/* ##################### END MODULE POLL STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE POLL #################*/


/* ##################### MODULE RANDOM IMAGE #################*/
/* mod_random_image No styles at this time*/
/* ##################### END MODULE RANDOM IMAGE #################*/


/* ##################### MODULE REALTED ITEMS #################*/
/*mod_related_items*/
/* ul      |relateditems      | moduleclass_sfx */
relateditems{}
/* ##################### MODULE REALTED ITEMS STYLE CUSTOM SUFFIX #################*/
relateditems-related-sfx{}
/* ##################### END MODULE REALTED ITEMS STYLE CUSTOM SUFFIX #################*/
/* ##################### END MODULE REALTED ITEMS #################*/


/* ##################### MODULE SEARCH #################*/
/* mod_searc & com_search  */
/* should add form foramtting in the forms.css sheets */
/*Element | ID | CLASS | SUFFIX
input-submit  mod_search_searchword inputbox YES
input-image NA button YES
input-submit NA button      YES
div NA    search   YES*/

.search {}
/* last 2 for search class's are in com_search but added here*/
/* results if not search Google */

/* End Search Form */
/* ##################### END MODULE SEARCH #################*/
/* ##################### MODULE SEARCH SUFFIX  #################*/
.search-sea-sfx {}
/* last 2 for search class's are in com_search but added here*/
/* results if not search Google */
/* ##################### END MODULE SEARCH SUFFIX #################*/


/* ##################### MODULE SECTIONS #################*/
/* mod_sections */
/*
 ul      |sections      | moduleclass_sfx */
 .sections{}
 /* ##################### END MODULE SECTIONS  #################*/
/* ##################### MODULE SECTIONS SUFFIX  #################*/
.sections-sec-sfx{}
/* ##################### END MODULE SECTIONS SUFFIX #################*/
 
/* ##################### MODULE STATS #################*/
/* mod_stats No styles at this time */
/* ##################### END MODULE MODULE STATS#################*/

/* ##################### MODULE SYNDICATE #################*/
/* mod_syndicate No styles at this time */
/* ##################### END MODULE SYNDICATE #################*/

/* ##################### MODULE WHOSONLINE #################*/
/* mod_whosonline No styles at this time */
/* ##################### END MODULE SYNDICATE #################*/

/* ##################### MODULE WRAPPER #################*/
/* mod_wrapper */
/*Element |ID |CLASS |SUFFIX
  iframe   |NA |wrapper |YES*/
.wrapper{}
/* ##################### MODULE WRAPPER SUFFIX #################*/
/* ##################### END MODULE WRAPPER SUFFIX #################*/

modules.ie.css
Код
/* Design by Brian Diaz of Media 65 @ http://www.m65.net  All Rights Reserved */

/* ##################### MODULE TABLE STYLE  #################*/
/* Element |Class  |Suffix */
/* table   |moduletable      | moduleclass_sfx*/
/* <jdoc:include type="modules" name="left" style="table" /> */

/* Table Control */
table.moduletable {}

/* Font Control */

/* Title Control */
table.moduletable th {}

/* Module tbody Control*/
/*table.moduletable tbody{} */

/* Module Row Control*/
/*table.moduletable tr {}*/
table.moduletable tr{}

/* Module table Data Content Control*/
table.moduletable td {}

/* List Control */
table.moduletable ul {}
table.moduletable li {}

/* Link Control*/
table.moduletable a:link{}
table.moduletable a:visited {}
table.moduletable a:hover {}
table.moduletable a:active {}


/* ##################### MODULE TABLE STYLE CUSTOM SUFFIX #################*/

/* ##################### MODULE TABLE STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE TABLE STYLE  #################*/


/* ##################### MODULE XHTML DIV STYLE #################*/
/* Element |Class   |Suffix */
/* div   |moduletable      | moduleclass_sfx*/
/* h3     |moduletable      |
/* <jdoc:include type="modules" name="left" style="xhtml" /> */

/* Table Control */
/* Module Content Control*/
div.moduletable {
text-indent: 10;
}

/* Font Control */

/* Title Control */
div.moduletable h3 {
font-size: 1.5em;
line-height: 1.5em;
color: #060;
background-color: #ffffff;
text-align: center;
vertical-align: top;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #060;
border-right-color: #060;
border-bottom-color: #060;
border-left-color: #060;
background-position: top;
}

/* List Control */
div.moduletable ul {}
div.moduletable li {}

/* Link Control*/
div.moduletable a:link{}
div.moduletable a:visited {}
div.moduletable a:hover {}
div.moduletable a:active {}


/* ##################### MODULE XHTML STYLE CUSTOM SUFFIX #################*/
/* ##################### MODULE XHTML STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE MODULE XHTML STYLE  #################*/


/* ##################### MODULE ROUNDED STYLE #################*/
/* Element |Class   |Suffix */
/* div   |module           | moduleclass_sfx*/
/* h3     |module           |
/* <jdoc:include type="modules" name="left" style="rounded" /> */

/* Module Content Control*/
div.module {
}

/* Font Control */

/* Title Control */
div.module h3 { }

/* List Control */
.module ul {}
.module li {}

/* Link Control*/
.module a:link{}
.module a:visited {}
.module a:hover {}
.module a:active {}

 /* Round Conners example */
.module {background: url(../images/bl_grey.gif) 0 100% no-repeat #dddddd; width: 20em; margin-bottom: 10px;}
.module div {background: url(../images/br_grey.gif) 100% 100% no-repeat}
.module div div {background: url(../images/tl_grey.gif) 0 0 no-repeat}
.module div div div {background: url(../images/tr_grey.gif) 100% 0 no-repeat; padding:10px; padding-top: 0px; padding-bottom: 2px;}
.module div div div div {background: none;}


/* ##################### MODULE ROUNDED STYLE CUSTOM SUFFIX #################*/
/* ##################### END MODULE ROUNDED STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE ROUNDED STYLE  #################*/


/* ##################### MODULE HORZ #################*/
/* table   |moduletable      | moduleclass_sfx*>*/
/* <jdoc:include type="modules" name="left" style="horz" /> */
/* Its a table module above has most of the control try using a suffix to have more control*/
.nowrap{}

/* ##################### MODULE HORZ STYLE CUSTOM SUFFIX #################*/
 


/* ##################### MODULE BANNERS #################*/
/* mod_banners */
/*
div     |bannergroup      | moduleclass_sfx
div     |bannerheader     | moduleclass_sfx
div     |banneritem       | moduleclass_sfx
div     |bannerfooter     | moduleclass_sfx*/

/* Group */
div.bannergroup {}

/* Header  */
div.bannerheader{}

/* Text advert style */
div.banneritem {}

/* footer */
div.bannerfooter {}

/* ##################### MODULE BANNERS STYLE CUSTOM SUFFIX #################*/
/* Group */
div.bannergroup-ban-sfx{}

/* Header  */
div.bannerheader-ban-sfx{}

/* Text advert style */
div.banneritem-ban-sfx{}

/* footer */
div.bannerfooter-ban-sfx{}
/*  ##################### END MODULE BANNERS STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE BANNERS #################*/


/* ##################### MODULE BREADCRUMBS #################*/
/* mod_breadcrumbs Move to navigation.css*/

/* ##################### MODULE BREADCRUMBS #################*/

/* ##################### MODULE CUSTOM #################*/
/*  mod_custom No styles at this time */
/* ##################### MODULE CUSTOM #################*/


/* ##################### MODULE FOOTER #################*/
/* mod_footer No styles at this time */
/* ##################### END MODULE FOOTER #################*/

/* ##################### MODULE LATESTNEWS #################*/
/* mod_latestnews */
/*
ul      |latestnews      | moduleclass_sfx
li      |latestnews      | moduleclass_sfx
a       |latestnews      | moduleclass_sfx */
.latestnews{}
/* List Control */
.latestnews ul {}
.latestnews li {}

/* Link Control*/
.latestnews a:link{}
.latestnews a:visited {}
.latestnews a:hover {}
.latestnews a:active {}
/* ##################### END MODULE LATESTNEWS STYLE CUSTOM SUFFIX #################*/
/* mod_latestnews */
/*
ul      |latestnews      | moduleclass_sfx
li      |latestnews      | moduleclass_sfx
a       |latestnews      | moduleclass_sfx */
.latestnews-news-sfx{}

/* ##################### END MODULE LATESTNEWS STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE LATESTNEWS #################*/


/* ##################### MODULE FEED #################*/
/*mod_feed
Element | ID | CLASS | SUFFIX
table NA moduletable YES
ul NA newsfeed YES
*/
.newsfeed{}
/* ##################### END MODULE FEED #################*/
.newsfeed-feed-sfx{}
/* ##################### MODULE FEED SUFFIX #################*/

/* ##################### END MODULE FEED SUFFIX  #################*/


/* ##################### MODULE MAINMENU #################*/
/* NOTE: see navigation.css */
/* ##################### END MODULE MAINMENU #################*/


/* ##################### MODULE LOGIN #################*/
/* mod_login */
/*
NOTE: see forms.css
/* Element |ID   | Class  |Suffix
input-submit |NA | button  |NO
fieldset |NA |input  |NO
input-text |modlgn_username |inputbox  |NO
input-password |modlgn_passwd |inputbox  |NO
input-checkbox |modlgn_remember |inputbox  |NO
input-submit |NA |button  |NO
*/
/* ##################### END MODULE LOGIN #################*/
form-login{}

/* ##################### MODULE MOSTREAD #################*/
/* mod_mostread */
/*
ul      |mostread      | moduleclass_sfx
li      |mostread      | moduleclass_sfx
a       |mostread      | moduleclass_sfx */
.mostread{}
/* ##################### MODULE MOSTREAD STYLE CUSTOM SUFFIX #################*/
/* ul      |mostread      | moduleclass_sfx
   li      |mostread      | moduleclass_sfx
   a       |mostread      | moduleclass_sfx */
.mostread-read-sfx{}
/* ##################### END MODULE MOSTREAD STYLE CUSTOM SUFFIX #################*/
/* ##################### END MODULE MOSTREAD #################*/


/* ##################### MODULE NEWSFLASH #################*/
/* mod_newsflash */
/*
These are the same as the Componet class but if your add a suffix you can control
with affecting the main Componet class.
table   |moduletable      | moduleclass_sfx
table   |contentpaneopen  | moduleclass_sfx
td      |contentheading   | moduleclass_sfx
a       |contentpagetitle | moduleclass_sfx
span    |article_separator|  */

/* ##################### END MODULE NEWSFLASH STYLE CUSTOM SUFFIX #################*/
/*
table   |moduletable      | moduleclass_sfx
table   |contentpaneopen  | moduleclass_sfx
td      |contentheading   | moduleclass_sfx
a       |contentpagetitle | moduleclass_sfx
span    |article_separator|  */
moduletable-news-sfx{}
article_separator-news-sfx{}
contentpaneopen-news-sfx{}
contentheading-news-sfx{}
contentpagetitle-news-sfx{}
contentpaneopen-news-sfx{}
/* ##################### END MODULE NEWSFLASH STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE NEWSFLASH #################*/

/* ##################### MODULE POLL #################*/
/* mod_poll */
/*
this module has a special style sheet in its front page com
loaction: components\com_poll\assets\poll_bars.css
it calls a Javascript that adds the  class at rendering time of page.

table   |pollstableborder   |

See" forms.css
input-submit |NA |button

!Theses classes are component class see components.css!
div     |componentheading     | pageclass_sfx
div     |contentpane          | pageclass_sfx
th      |sectiontableheader |
tr      |sectiontableentry   | pageclass_sfx |odd color 0 1
*/
/* Polls Outside Table Border */
.pollstableborder {}

/* ##################### MODULE POLL STYLE CUSTOM SUFFIX #################*/
/* NA */
/* ##################### END MODULE POLL STYLE CUSTOM SUFFIX #################*/

/* ##################### END MODULE POLL #################*/


/* ##################### MODULE RANDOM IMAGE #################*/
/* mod_random_image No styles at this time*/
/* ##################### END MODULE RANDOM IMAGE #################*/


/* ##################### MODULE REALTED ITEMS #################*/
/*mod_related_items*/
/* ul      |relateditems      | moduleclass_sfx */
relateditems{}
/* ##################### MODULE REALTED ITEMS STYLE CUSTOM SUFFIX #################*/
relateditems-related-sfx{}
/* ##################### END MODULE REALTED ITEMS STYLE CUSTOM SUFFIX #################*/
/* ##################### END MODULE REALTED ITEMS #################*/


/* ##################### MODULE SEARCH #################*/
/* mod_searc & com_search  */
/* should add form foramtting in the forms.css sheets */
/*Element | ID | CLASS | SUFFIX
input-submit  mod_search_searchword inputbox YES
input-image NA button YES
input-submit NA button      YES
div NA    search   YES*/

.search {}
/* last 2 for search class's are in com_search but added here*/
/* results if not search Google */

/* End Search Form */
/* ##################### END MODULE SEARCH #################*/
/* ##################### MODULE SEARCH SUFFIX  #################*/
.search-sea-sfx {}
/* last 2 for search class's are in com_search but added here*/
/* results if not search Google */
/* ##################### END MODULE SEARCH SUFFIX #################*/


/* ##################### MODULE SECTIONS #################*/
/* mod_sections */
/*
 ul      |sections      | moduleclass_sfx */
 .sections{}
 /* ##################### END MODULE SECTIONS  #################*/
/* ##################### MODULE SECTIONS SUFFIX  #################*/
.sections-sec-sfx{}
/* ##################### END MODULE SECTIONS SUFFIX #################*/
 
/* ##################### MODULE STATS #################*/
/* mod_stats No styles at this time */
/* ##################### END MODULE MODULE STATS#################*/

/* ##################### MODULE SYNDICATE #################*/
/* mod_syndicate No styles at this time */
/* ##################### END MODULE SYNDICATE #################*/

/* ##################### MODULE WHOSONLINE #################*/
/* mod_whosonline No styles at this time */
/* ##################### END MODULE SYNDICATE #################*/

/* ##################### MODULE WRAPPER #################*/
/* mod_wrapper */
/*Element |ID |CLASS |SUFFIX
  iframe   |NA |wrapper |YES*/
.wrapper{}
/* ##################### MODULE WRAPPER SUFFIX #################*/
/* ##################### END MODULE WRAPPER SUFFIX #################*/

layout.css
Код
/* top bar nav on top of template good for staic links link sections etc.*/
.topbar{
color:#fff;
background-color:#222;
/*ajust the top bar height*/
height:30px;
text-align:right;
text-decoration:none;
padding-top:5px;
padding-right:5px;
display:block;
white-space:nowrap;
}
.topbar a:link{color:White;}
.topbar a:visited{color:White;}
.topbar a:hover{color:White;}

/* Wrapper Footer Trick */
#Wrapper {
height:auto !important;
/*this works hand in hand with the #FooterWrapper min-height: settings */
min-height:90%;
}

/* Heading Color and Height control*/
#Header {
background-image:url(../images/brb.png);
background-repeat: repeat-x;
}

/*Menu Wrapper to cover the width if needed*/
#MenuWrapper{
background-color:#333;
width:100%;
height:25px;
white-space:nowrap;
/*need for  FF div not working right*/
margin:0 auto;
padding-top:5px;
}

/* Main Body Padding */
.MainBody{
padding:8px;
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #060;
border-bottom-color: #060;
width: 600px;
text-align: left;
}

/* Start of layout Center Mass */

/* End of layout Center Mass */

/* Centers the footer links etc.*/
.center{margin:0 auto;text-align: center; }
#FooterWrapper{
padding:10px;
clear:both;
/*this works hand in hand with the #Wrapper min-height: settings */
min-height:10%;
background-color: #222;
}




layout.ie.css
Код
/* top bar nav on top of template good for staic links link sections etc.*/
.topbar{
color:#fff;
background-color:#222;
/*ajust the top bar height*/
height:30px;
text-align:right;
text-decoration:none;
padding-top:5px;
padding-right:5px;
display:block;
white-space:nowrap;
}
.topbar a:link{color:White;}
.topbar a:visited{color:White;}
.topbar a:hover{color:White;}

/* Wrapper Footer Trick */
#Wrapper {
height:auto !important;
/*this works hand in hand with the #FooterWrapper min-height: settings */
min-height:90%;
}

/* Heading Color and Height control*/
#Header {
background-image:url(../images/brb.png);
background-repeat: repeat-x;
}

/*Menu Wrapper to cover the width if needed*/
#MenuWrapper{
background-color:#333;
width:100%;
height:25px;
white-space:nowrap;
/*need for  FF div not working right*/
margin:0 auto;
padding-top:5px;
}

/* Main Body Padding */
.MainBody{
padding:8px;
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #060;
border-bottom-color: #060;
width: 600px;
text-align: left;
}

/* Start of layout Center Mass */

/* End of layout Center Mass */

/* Centers the footer links etc.*/
.center{margin:0 auto;text-align: center; }
#FooterWrapper{
padding:10px;
clear:both;
/*this works hand in hand with the #Wrapper min-height: settings */
min-height:10%;
background-color: #222;
}



вот






*

flyingspook

  • Живу я здесь
  • 3588
  • 247 / 9
у тебя есть код
<!--[if lt IE 8]><link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ;?>/templates/<?php echo

$this->template ;?>/css/template2.ie.css" /><![endif]-->
отвечает он за ИЕ7-8
а нет <!--[if lt IE 8]>для ИЕ6
в самом index.php
*

Nikolay Blinov

  • Захожу иногда
  • 142
  • 5 / 0
  • How much is the fish?
нет, мой хак отвечает как раз за все ниже 8, не включая ее.

<!--[if lt IE 8]> - "lt" как раз и значит less than. Хак отлично работает для IE 7 и 6.

Вопрос не про хак а как без хака сделать?
*

Nikolay Blinov

  • Захожу иногда
  • 142
  • 5 / 0
  • How much is the fish?
IE 6 и 7 в данном случае обинаново неправильно показывают.
не проблема сделать хак проблема что даже с хаком мне пришлось менять стиль кординально - убирать форматирование заголовка модуля.

в чем в верстке или CSS загвоздка интересно
*

flyingspook

  • Живу я здесь
  • 3588
  • 247 / 9
хак хак
это не хак а стили для уважаемого осла
ставим это для того чтоб когда браузер открылся все работало
ты все знаешь что и как
поставь фаил шаблона для
<!--[if lte IE 6]>

<!--[if lte IE 7]>

и там 1-2 строчки для твоей колонки
чтоб при загрузке осле 6-7 все работало
возьми из стандартного шаблона
вот это
<!--[if lte IE 6]>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/rt_afterburner_j15/js/ie_suckerfish.js"></script>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rt_afterburner_j15/css/styles.ie.css" type="text/css" />
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rt_afterburner_j15/css/styles.ie7.css" type="text/css" />
<![endif]-->
*

Nikolay Blinov

  • Захожу иногда
  • 142
  • 5 / 0
  • How much is the fish?
а Что в эти файлы  прописать надо еще для моей колонки?
какие строки оттуда брать и изменять из styles.ie.css и  styles.ie7.css?
« Последнее редактирование: 23.11.2010, 07:42:09 от Nikolay Blinov »
*

flyingspook

  • Живу я здесь
  • 3588
  • 247 / 9
экстрасенсы в отпуске
видеть надо
вообще расположение Дивов надо задать
сам посмотри через FireBug
*

Nikolay Blinov

  • Захожу иногда
  • 142
  • 5 / 0
  • How much is the fish?
В том то и дело что вроде файербагом все хорошо отображает заданную мной ширину, а на деле сползает.
буду смотреть, искать. найду отпишусь
*

flyingspook

  • Живу я здесь
  • 3588
  • 247 / 9
нуу...
Ослик не понимает некоторые css
т.е.
для ФФ одни для него другие
float
position
и др. мелочи ФФ пропустит мол не важно
а Ослику их указать надо
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться