Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
(Résolu) problème d'affichage sous IE6
#1
----------------------------------------------

Citation :Cms Version: 1.6.6

Installed Modules:

* CMSMailer: 1.73.14
* FileManager: 1.0.1
* MenuManager: 1.6.2
* ModuleManager: 1.3.1
* News: 2.10.3
* nuSOAP: 1.0.1
* Printing: 1.0.4
* Search: 1.6.1
* ThemeManager: 1.1.1
* TinyMCE: 2.5.5


Config Information:

* php_memory_limit:
* process_whole_template: false
* max_upload_size: 10000000
* default_upload_permission: 664
* assume_mod_rewrite: false
* page_extension:
* internal_pretty_urls: false
* use_hierarchy: true


Php Information:

* phpversion: 4.4.9
* md5_function: On (Vrai)
* gd_version: 2
* tempnam_function: On (Vrai)
* magic_quotes_runtime: Off (Faux)
* memory_limit: 64M
* max_execution_time: Illimité
* safe_mode: Off (Faux)
* session_save_path: /var/tmp (1777)
* session.use_cookies: On (Vrai)


Server Information:

* Server Api: cgi
* Server Db Type: MySQL (mysql)
* Server Db Version: 5.0.88


----------------------------------------------
Site concerné : http://www.montalier.fr/

Avant de poster, j'ai cherché sur le forum et n'ai pas trouvé de réponse déjà apportée sur le problème que je rencontre au niveau de l'affichage sous IE6

Sous IE6 "et peut-être versions ultérieures que je n'ai pas" (pas de problème avec Firefox) : les menus déroulants sous les onglets"association et etablissement" sont "coupés" par l'image "actualités"et non accessibles.
Sous l'onglet "Nous contacter" la page est décalée vers le bas (pas sous firefox).

Merci de votre aide, je n'arrive pas à isoler le problème...

Pour essayer d'être le plus complet possible :

Je joins ci dessous le gabarit "Ncleanblue" utilisé et légèrement modifié ainsi que la feuille de style layout Ncleanblue


Gabarit par défaut issue de Ncleanblue

Code :
{process_pagedata}<!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="fr" lang="fr">
{* Changer lang="fr" par le langage de votre site *}

{* note: anything inside these are smarty comments, they will not show up in the page source *}
  <head>
{if isset($canonical)}<link rel="canonical" href="{$canonical}" />{elseif isset($content_obj)}<link rel="canonical" href="{$content_obj->GetURL()}" />{/if}

<title>{title} | {sitename}</title>
{* {sitename} Le nom du site peut être changé dans Administration du site-Paramètres globaux. {title} est le nom de chaque page *}

{metadata}
{* Ne supprimer pas cela ! les Métadonnées sont changées dans Administration du site-Paramètres globaux. *}

{stylesheet}
{* This is how all the stylesheets attached to this template are linked to *}

{cms_selflink  lang='fr'  dir="start" rellink=1}
{cms_selflink  lang='fr'  dir="prev" rellink=1}
{cms_selflink  lang='fr'  dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optmization *}

<!--[if IE 6]>
<script type="text/javascript" src="modules/MenuManager/CSSMenu.js"></script>
<![endif]-->
{* The above JavaScript is required for Menu - NCleanBlue-css to work in IE6 *}

{* le code literal (entre crochets) entourant le code javascript, est nécessaire, pour éviter le message d'errreur Smarty *}
{* IE6 png fix *}
{literal}
<!--[if IE 6]>
<script type="text/javascript"  src="uploads/NCleanBlue/js/ie6fix.js"></script>
<script type="text/javascript">
// argument is a CSS selector
DD_belatedPNG.fix('.sbar-top,.sbar-bottom,.main-top,.main-bottom,#version');
</script>
<style type="text/css">
/* enable background image caching in IE6 */
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}
</style>
<![endif]-->
{/literal}

  </head>
  <body>
    <div id="ncleanblue">
      <div id="pagewrapper" class="core-wrap-960 core-center">
{* start accessibility skip links *}
        <ul class="accessibility">
          <li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
          <li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
        </ul>
{* end accessibility skip links *}
        <hr class="accessibility" />
{* Horizontal ruler that is hidden for visual browsers by CSS *}

{* Start Header, with logo image that links to the default start page *}
<div id="perso" >
</div>
        <div id="header" class="util-clearfix">
{* logo image that links to the default start page. Logo image is changed in the style sheet  "Layout: NCleanBlue" *}
          <div id="logo" class="core-float-left">
            {cms_selflink  lang='fr'  dir="start" text="$sitename"}
          </div>
{* Start Search, the input "Submit" is using an image, CSS: div#search input.search-button *}
          <div id="search" class="core-float-right">
            {search lang='fr_FR' submit='OK' search_method="post"}
          </div>
{* End Search *}
          <span class="util-clearb"> </span>
          
{* Start Navigation, style sheet  "Layout: NCleanBlue", starting at Menu  ROOT *}
          <h2 class="accessibility util-clearb">Navigation</h2>
{* anything class="accessibility" is hidden for visual browsers by CSS *}
          <div class="page-menu util-clearfix">
          {menu template='cssmenu_ulshadow.tpl'}
          </div>
          <hr class="accessibility util-clearb" />
{* End Navigation *}

        </div>
{* End Header *}

{* Start Content (Navigation and Content columns) *}
        <div id="content" class="util-clearfix">


{* Start Optional tag CMS Version Information, also is a good example how smarty works.  *}
    
    <!-- les LIGNES DE DESSOUS <div title jusqu'à </div> sont mises en commentaires par DSS -->
  
{* <div title="CMS - {cms_version} - {cms_versionname}" id="version">
          {capture assign='cms_version'}{cms_version|lower}{/capture}{"/-([a-z]).*/"|preg_replace:"":$cms_version}
          </div>  *}
{* End Optional tag  *}

     <!--  Au PROFIT DE :<div id="version" title="CMS - 1.6.6 - Bonde-6041-Fr">
                   </div>  -->
    
<div id="version" title="CMS - 1.6.6 - Bonde-6041-Fr">
                   </div>
          
{* Start Bar *}
          <div id="bar" class="util-clearfix">
{* Start Breadcrumbs, a bit of letting you know where your at *}
            <div class="breadcrumbs core-float-right">
              {breadcrumbs starttext='Ici ' root='Home' delimiter='»'}
            </div>
{* End Breadcrumbs *}

            <hr class="accessibility util-clearb" />
          </div>
{* End Bar *}

{* Start left side *}
          <div id="left" class="core-float-left">
            <div class="sbar-top">
              <h2 class="sbar-title">Actualités</h2>
            </div>
            <div class="sbar-main">
{* Start News *}
              <div id="news">
              {news number='3' detailpage='news' lang='fr_FR'}
              </div>
              <img class="screen" src="uploads/NCleanBlue/screen-1.6.jpg" width="139" height="142" title="CMS - {cms_version} - {cms_versionname}" alt="CMS - {cms_version} - {cms_versionname}" />
{* End News *}
            </div>
            <span class="sbar-bottom"> </span>
          </div>
{* End left side *}

{* Start Content Area, right side *}
          <div id="main"  class="core-float-right">

{* main top, holds top image and print image *}
            <div class="main-top">
              <div class="print core-float-right">
                {print showbutton=true}
              </div>
            </div>
            
{* main content *}
            <div class="main-main util-clearfix">
              <h1 class="title">{title}</h1>
            {content}
            </div>
            
{* Start main bottom and relational links *}
            <div class="main-bottom">
              <div class="right49 core-float-right">
              {anchor anchor='main' text='^  Haut'}
              </div>
              <div class="left49 core-float-left">
                <span>
                  {cms_selflink  lang='fr'  dir="previous" } 
{* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}
                </span>
                <span>
                  {cms_selflink  lang='fr'  dir="next"} 
                </span>
              </div>
{* End relational links *}

              <hr class="accessibility" />
            </div>
{* End main bottom *}

          </div>
{* End Content Area, right side *}

        </div>
{* End Content *}

      </div>
{* end pagewrapper *}
      <span class="util-clearb"> </span>
      
{* Start Footer *}
      <div id="footer-wrapper">
        <div id="footer" class="core-wrap-960">
{* first foot menu *}
          <div class="block core-float-left">
            {menu template='minimal_menu.tpl'  number_of_levels='1'}
          </div>
          
{* second foot menu if active page has children *}
          <div class="block core-float-left">
            {menu template='minimal_menu.tpl'  start_level="2"}
          </div>
          
{* edit the footer in the Global Content Block called "footer" *}
          <div class="block cms core-float-left">
            {global_content name='footer'}
          </div>
          
          <span class="util-clearb"> </span>
        </div>
      </div>
{* End Footer *}
    </div>
{* End Div *}
  </body>
</html>
Feuille de style issue de Ncleanblue

Code :
@Nuno Costa [criacaoweb.net]
@Since [cmsms 1.6]
@Contributors: Mark and Dev-Team
*/
body {
/* default text for entire site */
    font: normal 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
/* default text color for entire site */
    color: #3A3A36;
/* you can set your own image and background color here */
    background: #fff url(uploads/NCleanBlue/bg__full.png) repeat-x scroll left top;
}
/* Mask helper  for browsers ZOOM, Rezise and Decrease */
#ncleanblue {
/* set to width of viewport */
    width: auto;
/* you can set your own image and background color here */
    background: #fff url(uploads/NCleanBlue/bg__full.png) repeat-x scroll left top;
}
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
    position: absolute;
    left: -5000px;
    width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
    padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
    color: #679EBC;
/* background image for the link to show wiki style arrow */
    background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
    color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
    background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
    color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
    background: url(images/cms/external.gif) no-repeat 100% 0;
    background-color: inherit;
}
/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
    position: absolute;
    top: -9999em;
    left: -9999em;
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    border: none;
}
/* ------------ Standard  HTML elements and their default settings ------------ */
b, strong{font-weight: bold;}i, em{    font-style: italic;}
p {
    padding: 0;
    margin-top: 0.5em;
    margin-bottom: 1em;
   text-align:left;
}
h1, h2, h3, h4, h5 {
    line-height: 1.6em;
    font-weight: normal;
    width: auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*default link styles*/
a {
    color: #679EBC;
    text-decoration: none;
    text-align: left;
}
a:hover {
    color: #3A6B85;
}
a:active {
    color: #3A6B85;
}
a:visited {
    color: #679EBC;
}
input, textarea, select {
    font-size: 0.95em;
}
/* ------------ Wrapper ------------ */
div#pagewrapper {
    font-size: 95%;
    position: relative;
    z-index: 1;
}
/* ------------ Header ------------ */
#header {
position: relative;
    height: 111px;
    width: 960px;
}

#perso {
/* adjust according your image size */
position: absolute;
border-top: 0;
border-left: 0;
border-right: 5px;
margin-left: 0;
margin-left: -21px;
/* padding-left: -151px; */
    height: 111px;
      width: 146px;
/* forces full link size */
    display: block;
/* this hides the text */

/* you can set your own image here, note size adjustments */
    background: url(uploads/NCleanBlue/hebergement.png) no-repeat left top;
}


#logo a {
/* adjust according your image size */
    height: 80px;
/*    width: 215px; mis en commentaire par DSS pour agrandir à 700 px en tete ligne de dessous */
width: 620px;
/* forces full link size */
    display: block;
/* this hides the text */
    text-indent: -9999em;
    margin-top: 0;
    margin-left: 80px;

/* you can set your own image here, note size adjustments  */
    background: url(uploads/NCleanBlue/logo.png) no-repeat left top;
}

/* ------------ Header - Search ------------ */
div#search {
    width: 190px;
    height: 28px;
    margin-top: 31px;
    margin-right: 20px;
}
div#search label {
    text-indent: -9999em;
    height: 0pt;
    width: 0pt;
    display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
    width: 143px;
    height: 17px;
/* removes default borders, allows use of image */
    border-style: none;
/* text color */
    color: #999;
/* padding of text */
    padding: 7px 0px 4px 10px;
    float: left;  
/* set all font properties at once, weight, size, family */
    font: bold 0.9em Arial, Helvetica, sans-serif;
/* left input image, set your own here */
    background: url(uploads/NCleanBlue/search.png) no-repeat left top;
}
div#search input.search-button {
/* specific size for image, your image may need these adjusted */
    width: 37px;
    height: 28px;
/* removes default borders, allows use of image */
    border-style: none;
/* hides text, image has text */
    text-indent: -9999em;
    float: left;
    margin: 0;
/* provides positive hover effect */
    cursor: pointer;
/* removes default size/height */
    font-size: 0px;
    line-height: 0px;
/* submit button image, set your own here */
    background: transparent url(uploads/NCleanBlue/search.png) no-repeat right top;
}
/* ------------ Content ------------ */
#content {
    width: auto;
/* all text in #content will default align left, changed in other calls */
    text-align: left;
}
#bar {
    width: auto;
    height: 40px;
    padding-right: 1em;
    padding-left: 1em;
}
.print {
    margin-right: 75px;
    margin-top: 10px;
}
#version {
    width: 50px;
    height: 31px;
    position: absolute;
    z-index: 5;
    top: 130px;
    right: -16px;
    font-size: 1.6em;
    font-weight: bold;
    padding: 28px 15px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    background:  url(uploads/NCleanBlue/version.png) no-repeat left top;
}
/* IE6 fixes */
* html div#version {
    top: 150px;
}
/* End IE6 fixes */
/* Site Title */
h1.title {
    font-size: 1.8em;
    color: #666666;
    margin-bottom: 0.5em;
}
/* Breadcrumbs */
div.breadcrumbs {
    padding: 0.5em 0;
    font-size: 80%;
    margin: 0 1em;
}
div.breadcrumbs span.lastitem {
    font-weight: bold;
}
/* ------------ Side Bar (Left) ------------ */
#left {
    width: 250px;
}
/* Image that Represents the new CMS design */
#left .screen {
    margin: 10px 50px;
}
/* End  */
.sbar-title {
    font: bold 1.2em Arial, Helvetica, sans-serif;
    color: #252523;
}
.sbar-top {
    height: 20px;
    width: auto;
    padding: 10px;
    background: url(uploads/NCleanBlue/bg__content.png) no-repeat left top;
}
.sbar-main {
    width: auto;
    border-right: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
    background: #F0F0F0;
}
span.sbar-bottom {
    width: auto;
    display: block;
    height: 10px;
    background: url(uploads/NCleanBlue/bg__content.png) no-repeat left bottom;
}
/* ------------ Main (Right) ------------ */
#main {
    width: 690px;
}
.main-top {
    height: 15px;
    width: auto;
    background: url(uploads/NCleanBlue/bg__content.png) no-repeat right top;
}
.main-main {
    width: auto;
    border-right: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
    background: #F0F0F0;
    padding: 20px;
    padding-top: 0px;
}
.main-bottom {
    width: auto;
    height: 41px;
    background: url(uploads/NCleanBlue/bg__content.png) no-repeat right bottom;
}
.right49, .left49 {
    font-size: 0.85em;
    margin: 7px 5px 5px 10px;
    font-weight: bold;
}
.left49 span {
    display: block;
    padding-top: 1px;
}
.left49 a {
    font-weight: normal;
}
.right49 {
    height: 28px;
    width: 50px;
    padding-right: 10px;
    background: url(uploads/NCleanBlue/bull.png) no-repeat right top;
}
.right49 a, .right49 a:visited {
    padding: 7px 4px;
    display: block;
    color: #000;
    height: 15px;
    background: url(uploads/NCleanBlue/bull.png) no-repeat  left top;
}
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
    font-size: 1.4em;
    color: #301E12;
}
div#main ul,
div#main ol,
div#main dl,
#footer ul,
#footer ol {
    /* line-height: 0.1em; */
    margin: 0 0 1.5em 0;
}
div#main ul,
#footer ul {
    list-style: circle;
}
div#main ul li,
div#main ol li,
#footer ul li,
#footer ol li {
    padding: 2px 2px 2px 5px;
    margin-left: 20px;
}
/* definition lists topics on bold */
div#main dl dt {
    font-weight: bold;
    margin: 0 0 0 1em;
}
div#main dl dd {
    margin: 0 0 1em 1em;
}
div#main dl {
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px solid #c0c0c0;
}
/* ------------ Footer ------------ */
#footer-wrapper {
    min-height: 235px;
    height: auto!important;
    height: 235px;
    width: auto;
    margin-top: 5px;
    text-align: center;
    margin-right: 00px;
    margin-left: 0px;
    background: #7CA3B5 url(uploads/NCleanBlue/bg__footer.png) repeat-x left top;
}
#footer {
    color: #FFF;
    font-size: 0.8em;
    min-height: 235px;
    height: auto!important;
    height: 235px;
    background: #7CA3B5 url(uploads/NCleanBlue/bg__footer.png) repeat-x left top;
}
#footer .block {
    width: 300px;
    margin: 20px 10px 10px;
}
#footer .cms {
    text-align: right;
}
/* ------------ Footer Links ------------ */
#footer ul {
    width: auto;
    text-align: left;
    margin-left: 50px;
}
#footer ul ul {
    margin-left: 0px;
}
#footer ul li a {
    color: #FFF;
    display: block;
    font-weight: normal;
    margin-bottom: 0.5em;
    text-decoration: none;
}
#footer a {
    color: #DCEDF1;
    text-decoration: underline;
    font-weight: bold;
}
/* ------------ END LAYOUT ---------------*/
/* ------------  Menu  ROOT  ------------ */
.page-menu {
    width: auto;
    height: 35px;
    margin: 3px 0 0 20px;
}
.menuwrapper {}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
           height: 32px;
           margin: 0px 5px 0px;
}
.page-menu ul#primary-nav {
    height: 1%;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
.page-menu ul#primary-nav li {
    float: left;
}
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
    display: block;
    padding: 0 10px;
    background-repeat: no-repeat;
    background-image: url(uploads/NCleanBlue/tabs.gif);
}
.page-menu ul#primary-nav li a {
    padding-left: 0;
    color: #000;
    font-weight: bold;
    line-height: 2.15em;
    text-decoration: none;
    margin-left: 1px;
    font-size: 0.85em;
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
    color: #000;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
    color: #000;
}
.page-menu ul#primary-nav li a span {
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
    background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
    background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
    background-position: 0 -40px;
}
.page-menu ul#primary-nav li a span {
    background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
    display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
    display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
    font-weight: normal;
    background-image: none;
    display: block;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#primary-nav {
    margin: 0px;
    padding: 0px;
}
#primary-nav ul {
    list-style: none;
    margin: -6px 0px 0px;
    padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
    width: 209px;
}
#primary-nav ul {
    position: absolute;
    z-index: 1001;
    top: auto;
    display: none;
    padding-top: 9px;
    background: url(uploads/NCleanBlue/ultop.png) no-repeat left top;
}
* html #primary-nav ul.unli {
    padding-top: 12px;
    background: url(uploads/NCleanBlue/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
    margin-left: -7px;
    left: 100%;
    top: 3px;
}
* html #primary-nav ul.unli ul {
    margin-left: -0px;
}
#primary-nav li {
    margin: 0px;
    float: left;
}
#primary-nav li li {
    margin-left: 7px;
    margin-top: -1px;
    float: none;
    position: relative;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
           height: 1px;
           margin: 2px 30px 2px;
    padding: 0em;
    border-bottom: 1px solid #ccc;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
    height: 9px;
    width: 209px;
    margin: 0px 0px -8px;
    background: url(uploads/NCleanBlue/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
       z-index:-1;
    background: url(uploads/NCleanBlue/ulbtm.gif) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
    padding: 0px 10px;
    width: 165px;
    margin: 5px;
    background-image: none;
}
* html #primary-nav ul.unli li a {
    padding: 0px 10px 0px 5px;
    width: 165px;
    margin: 5px 0px;
}
#primary-nav li li a:hover {
    background-color: #DBE7F2;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
    text-decoration: none;
    background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
    background-color: #DBE7F2;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
    background-image: url(uploads/NCleanBlue/arrow.gif);
    background-position: center right;
    background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
    display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
    display: block;
}
/* IE Hacks */
#primary-nav li li {
    float: left;
    clear: both;
}
#primary-nav li li a {
    height: 1%;
}
/*************** End Menu *****************/
/* ------------ News Module ------------ */
#news {
    padding: 10px;
}
.NewsSummary {
}
.NewsSummaryPostdate,
.NewsSummaryCategory,
.NewsSummaryAuthor {
    font-style: italic;
    font-size: 0.8em;
}
.NewsSummaryLink {
    margin: 2px 0;
}
.NewsSummaryContent {
    margin: 10px 0;
}
.NewsSummaryMorelink {
    margin: 5px 0 15px;
}
/* ------------ End News Module ------------ */
#2
C'est un thème qui travaille avec des hacks JS pour gérer la transparence des png sous IE.
Donc, fais très attention si tu ne t'y connais pas trop.
Le mieux est de supprimer les éléments "légèrement modifiés" et recommencer élément par élément jusqu'au moment où tu retombes sur le problème.
#3
Pour la page nous contacter, tu utilises une table de 700px, donc tu dépasses la largeur du pagewrapper.
Et puis, tu devrais un peu nettoyer ceci
Code :
<p style="text-align: center;"><strong><strong><span style="color: #ff6600;"><strong>Courriel : [email protected]</strong><br /></span></strong></strong></p>
Tes tables et tout ce style mélangé dans le contenu au lieu de la css, ça ne fait pas très pro.
Tu devrais utiliser le thème tel quel tant que tu ne maîtrises pas l'xhtml et les css, autrement tu auras toujours des pépins.
Il est quand même très bien ce thème, pourquoi le modifier ?
#4
Merci Jean de t'être penché sur mon problème
Pressé pour la réalisation du site, j'ai fait au plus vite pour la page nous contacter car je rencontrais des soucis pour construire mon tableau avec tinymce, je suis d'accord avec toi sur le côté brouillon du code et j'y reviendrai plus tard.
Mon plus gros souci du moment reste le problème du menu déroulant par rapport à l'image.
J'ai pensé décaler cette dernière vers le bas pour laisser la place au menu de "se dérouler" sans chevauchement mais je ne trouve pas dans la css layout cleanblue le moyen d'y parvenir.
Votre aide serait la bienvenue
#5
Jean le Chauve a écrit :C'est un thème qui travaille avec des hacks JS pour gérer la transparence des png sous IE.
Donc, fais très attention si tu ne t'y connais pas trop.
Le mieux est de supprimer les éléments "légèrement modifiés" et recommencer élément par élément jusqu'au moment où tu retombes sur le problème.
Si tu regardes la démo : http://www.cmsmadesimple.fr/demo/cmsms16...ncleanblue tu remarques que c'est un problème venant de ton code, pas du thème.
#6
ré,

Jean, ton conseil, si je comprends bien, m'invite à comparer gabarit et css d'origine Ncleanbue par rapport à ceux que j'utilise et de repartir depuis l'origine?

Je pensais la solution plus évidente et plus rapide par rapport à IE6 car je n'ai pourtant pas modifié grand chose... et déjà problème de compatibilité avec navigateur.
Seul hic, je n'arrive pas à me connecter depuis la console avec les login et mot de passe indiqués afin de récupérer les "originaux"

Cordialement
#7
Citation :Seul hic, je n'arrive pas à me connecter depuis la console avec les login et mot de passe indiqués afin de récupérer les "originaux"
j'ai réinitialisé. retente
#8
Tu viens d'apprendre qu'il faut toujours conserver une copie de l'original avant toute modif Wink
Tu installes cmsms en local, ainsi tu récupéreras tout (sinon firebug te donneras toutes les infos nécessaires).
#9
Ré,

Jean,
Après retour à la case départ et reprise point par point, le problème venait de l'ajout fait au niveau du header où j'avais ajouté : position relative
Bien géré par Firefox, IE n'était pas au RDV

Merci de ton aide


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)