Fixer IE bugs + ajustements
authoryounes.tazi <younes@imac-de-younes-tazi.local>
Tue, 16 Feb 2010 21:55:20 +0000 (16:55 -0500)
committeryounes.tazi <younes@imac-de-younes-tazi.local>
Tue, 16 Feb 2010 21:55:20 +0000 (16:55 -0500)
.gitignore
squelettes/article.html
squelettes/css/screen/basemod.css
squelettes/css/screen/content.css
squelettes/css/site_layout.css
squelettes/css/yaml/core/iehacks.css
squelettes/inc-col_droite.html
squelettes/inc-menu.html
squelettes/inc-pied.html
squelettes/sommaire.html

index d1885ce..084aecd 100644 (file)
@@ -9,6 +9,7 @@
 #
 .DS_Store
 svn.revision
+html_*
 
 # Configuration du projet - par environnement
 config/connect.php
index 752cb6a..67c4cb9 100644 (file)
@@ -27,7 +27,7 @@
             </div>
         
             <div class="c25r">
-                <INCLURE{fond=inc-col_droite}>
+                <INCLURE{fond=inc-col_droite}{id_article}>
             </div>
         
         <!-- IE Column Clearing -->
index 2594424..84136e0 100755 (executable)
 
 @media screen, projection
 {
-  body { overflow-y: scroll; }
-
-  /*-------------------------------------------------------------------------*/
-
-  /* Fond de la page */
-  body { background-color: #fff; padding: 0; }
-
-
-  /* Navigation du haut*/
-  #topnav_container{ height: 28px;width: 100%; background: #454545; border-bottom: 4px solid #f54b00;}
-  #topnav_menu{margin: 0 auto; min-width: 940px; max-width: 59.375em; color:#f54b00; text-align:right; font-size: 0.875em; padding-top: 8px; padding-right:10px;}
-   
-  /* Layout Alignment*/
-  .page_margins { margin: 0 auto; }
-   
-  /* Layout Properties */
-  .page_margins { width: auto;  min-width: 950px; max-width: 59.375em; background: #fff; }
-
-  #header { height:170px; padding: 0; color: #000; background:#f54b00 url("../../images/css/fond_header.gif") repeat-x top left; }
-  
-  #header .logo_image { width:930px; height:160px; padding: 0 10px 10px 10px; background: url("../../images/css/logo_site.gif") top center no-repeat;}
-  
-  #main { margin: 0; background-color: #ededed; }
-  #footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }
+       body { overflow-y: scroll; }
+       
+       /*-------------------------------------------------------------------------*/
+       
+       /* Fond de la page */
+       body { 
+               background-color: #fff; 
+               padding: 0;
+       }
+       
+       /* Navigation du haut*/
+       #topnav_container{ 
+               height: 25px;
+               width: 100%; 
+               background: #454545; 
+               border-bottom: 4px solid #f54b00;
+       }
+       
+       #topnav_menu{
+               margin: 0 auto; 
+               width: 950px; 
+               color:#f54b00; 
+               text-align:right; 
+               font-size: 11px; 
+               padding-top: 7px; 
+               padding-right:20px;
+       }
+       
+       /* Layout Alignment*/
+       .page_margins { margin: 0 auto; }
+       
+       /* Layout Properties */
+       .page_margins { 
+               width: auto;  
+               width: 950px; 
+               background: #fff; 
+       }
+       
+       #header { 
+               height:170px; 
+               padding: 0; 
+               color: #000; 
+               background:#f54b00 url("../../images/css/fond_header.gif") repeat-x top left; 
+       }
+       
+       #header .logo_image { 
+               width:930px; 
+               height:160px; 
+               padding: 0 10px 10px 10px; 
+               background: url("../../images/css/logo_site.gif") top center no-repeat;
+       }
+       
+       #main { 
+               margin: 0; 
+               background-color: #ededed; 
+       }
+       
+       
+       /*navigation du bas */
+       #footer{ 
+               height: 30px;
+               width: 100%; 
+               background: #454545; 
+               border-bottom: 4px solid #bababa;
+               border-top: 4px solid #bababa;
+       }
+       
+       #bottom_nav_menu{
+               margin: 0 auto; 
+               width: 950px; 
+               color:#f54b00; 
+               text-align:left; 
+               font-size: 11px; 
+               padding-top: 10px; 
+               padding-left:20px;
+       }
+       
+       
+       /*-------------------------------------------------------------------------*/
+       
+       /**
+       * (en) Formatting content container
+       */
+       
+       #col1 { 
+               float: left; 
+               width: 210px
+       }
+       
+       #col2 { display:none}
+       
+       #col3 { 
+               width: auto; 
+               margin: 0 0 0 210px; 
+               background-color: #ededed;
+       }
+       
+       #col1_content { padding: 0 10px 0 10px }
+       
+       #col3_content { 
+               padding: 10px 10px 0 10px; 
+               width: 710px;  
+               background-color: #ffffff;
+       }
+       
+       
+       /*-------------------------------------------------------------------------*/
+       #fil_ariane{
+               padding: 0 0 0 10px; 
+               width: 720px;  
+               background-color: #ffffff; 
+               position:relative; 
+               font-size:11px;
+       }
+       
+       .separateur_fil_ariane { 
+               width: 12; 
+               padding: 0 5px 0 5px; 
+               background: url("../../images/css/barre_fil_ariane.gif") center no-repeat;
+       }
+       
+       .gap{
+               padding: 5px 0 0 0; 
+               width: 730px; 
+               margin:0; 
+               font-size:5px; 
+               line-height: 5px;
+       }
+       
+       /*FIX IE problem*/
+       * html .page_margins,
+       * html #bottom_nav_menu{ width:970px} 
+       * html #col3_content{ width:730px}
+       * html #fil_ariane{ width:740px}
   
-  /*navigation du bas */
-  #bottomnav_container{ height: 62px;width: 100%; background: #454545; border-bottom: 4px solid #bababa;border-top: 4px solid #bababa;}
-  #bottom_nav_menu{margin: 0 auto; min-width: 940px; max-width: 59.375em; color:#f54b00; text-align:left; font-size: 0.875em; padding-top: 8px; padding-left:10px;}
-  .logo_auf { width:66px; height:47px; padding: 0; margin-right:20px; float:right; background: url("../../images/css/logo_auf.jpg") top center no-repeat;}
-  /*-------------------------------------------------------------------------*/
-
-  /**
-   * (en) Formatting content container
-   */
-
-  #col1 { float: left; width: 210px}
-  #col2 { display:none}
-  #col3 { width: auto; margin: 0 0 0 210px; background-color: #ededed;}
-  #col1_content { padding: 0 10px 0 10px }
-  #col3_content { padding: 10px 10px 0 10px; width: 710px;  background-color: #ffffff;}
-       
-  /*-------------------------------------------------------------------------*/
-  #fil_ariane{padding: 0 0 0 10px; width: 720px;  background-color: #ffffff; position:relative; font-size:.85em;}
-  .separateur_fil_ariane { width: 12; padding: 0 5px 0 5px; background: url("../../images/css/barre_fil_ariane.gif") center no-repeat;}
-  .gap{padding: 5px 0 0 0; width: 730px; margin:0; font-size:5px; line-height: 5px;}
 }
\ No newline at end of file
index 88adfc7..0e0e1a9 100755 (executable)
@@ -75,7 +75,7 @@
        ol { list-style-type:decimal; }
        ol ol { list-style-type:lower-latin; margin-bottom:0; }
        
-       li { margin-left:0.8em; margin-bottom:0.5em; line-height:1.5em; }
+       li { margin-left:0.8em; margin-bottom:0; line-height:1.5em; }
        
        dt { font-weight:bold; }
        dd { margin:0 0 1em 0.8em; }
                padding:0;
        }
        
-       #contenu_text{ clear:both}
+       #contenu_text{
+               clear:both;
+               padding-right:10px;
+               text-align:justify;
+       }
 
    /*Rubriques*/
        .articles_rubrique {
        
        .manif{
                background-color:#EDEDED;
-               padding:5px;
+               padding:5px 5px 5px 0;
                margin-bottom:10px;
        }
        
        .manif h3{
                color:#F54B00;
                text-align:left;
-               
+               padding-left:10px;
        }
        
        .manif ul li {
        .membre{ 
                height:83px;
                margin-bottom:10px;
+               background-color:#F54B00;
        }
        
        /* Menu */
        
        #menu ul.sub { 
                padding: 0px 0px 0px 15px; 
-               margin: 0px 0px 10px 0px; 
+               margin: 0px; 
                list-style:none 
        }
 
        #topnav_menu a:hover,
        #topnav_menu a:visited{ color:#FFFFFF;}
 
+       .logo_auf { 
+               width:66px; 
+               height:47px; 
+               padding: 0; 
+               margin:40px auto 0;
+               background: url("../../images/css/logo_auf.jpg") top center no-repeat;
+               border:1px solid #EDEDED;
+       }
+
+
        /**
        FACEBOX
        **/     
index e15ffbc..6ecbe15 100755 (executable)
@@ -1,6 +1,7 @@
 @charset "UTF-8";
 /* import core styles | Basis-Stylesheets einbinden */
 @import url(yaml/core/base.css);
+
 /* import screen layout | Screen-Layout einbinden */
 @import url(screen/basemod.css);
 @import url(screen/content.css);
index 35ac340..523692d 100755 (executable)
-@charset "UTF-8";\r
-/**\r
- * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework\r
- *\r
- * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs\r
- * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win\r
- *\r
- * Don't make any changes in this file!\r
- * Your changes should be added to a separate patch-file.\r
- *\r
- * @copyright       Copyright 2005-2010, Dirk Jesse\r
- * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),\r
- *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)\r
- * @link            http://www.yaml.de\r
- * @package         yaml\r
- * @version         3.2.1\r
- * @revision        $Revision: 454 $\r
- * @lastmodified    $Date: 2010-01-01 17:31:10 +0100 (Fr, 01. Jan 2010) $\r
- * @appdef yaml\r
- */\r
-\r
-@media all\r
-{\r
-  /**\r
-   * (en) Debugging:When you see a green background, IE is getting this stylesheet\r
-   * (de) Fehlersuche:Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde\r
-   *\r
-   * @debug\r
-   * @app-yaml-default disabled\r
-   */\r
-\r
-  /* body { background:#0f0; background-image:none; }  */\r
-\r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * (en) No need to force scrollbars in older IE's - it even makes problems in IE6 when set\r
-   * (de) Scrollbar-Fix wird in alten IE's nicht benötigt, zudem verursacht der Fix Probleme im IE6\r
-   *\r
-   * @workaround\r
-   * @affected   IE6, IE7\r
-   * @css-for    IE6, IE7\r
-   * @valid      no\r
-   */\r
-\r
-  body { o\verflow:visible; }\r
-  \r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements\r
-   * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen\r
-   *\r
-   * @workaround\r
-   * @affected   IE 5.x/Win, IE6\r
-   * @css-for    IE 5.x/Win, IE6\r
-   * @valid      no\r
-   */\r
-\r
-  * html textarea { overflow:scroll; overflow-x:hidden; }\r
-  * html input { overflow:hidden; }\r
-\r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * (en) Stability fixes with 'position:relative'\r
-   * (de) Stabilitätsverbesserungen durch 'position:relative'\r
-   *\r
-   * Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.\r
-   * Helpful to fix several possible problems in older IE versions (#main).\r
-   *\r
-   * @bugfix\r
-   * @affected   IE 5.x/Win, IE6, IE7\r
-   * @css-for    IE 5.x/Win, IE6, IE7\r
-   * @valid      yes\r
-   */\r
-\r
-  body, #main { position:relative; }\r
-  * html body { position:static; }\r
-\r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * (en) Clearfix adjustents for containing floats in IE\r
-   * (de) Clearfix-Anpassung für diverse IE-Versionen\r
-   *\r
-   * @workaround\r
-   * @see        http://perishablepress.com/press/2009/12/06/new-clearfix-hack/\r
-   * @affected   IE 5.x/Win, IE6, IE7\r
-   * @css-for    IE 5.x/Win, IE6, IE7\r
-   * @valid      yes\r
-   */\r
-\r
-  .clearfix { height:1%; }  /* hasLayout aktivieren */\r
-\r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * (en) Adjustment of .floatbox class for IE\r
-   * (de) Anpassung der .floatbox-Klasse für IE\r
-   *\r
-   * @workaround\r
-   * @affected   IE 5.x/Win, IE6, IE7\r
-   * @css-for    IE 5.x/Win, IE6, IE7\r
-   * @valid      yes\r
-   */\r
-\r
-  .floatbox { width:100%; }\r
-  \r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * (en) Special class for oversized content element\r
-   * (de) Spezielle Klasse für übergroße Inhaltselemente\r
-   *\r
-   * @workaround\r
-   * @affected   IE 5.x/Win, IE6\r
-   * @css-for    IE 5.x/Win, IE6\r
-   * @valid      yes\r
-   */\r
-\r
-  .slidebox {\r
-    position:relative;\r
-    margin-right:-1000px;\r
-    height:1%;\r
-  }\r
-\r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * (en):Bugfix for partially displayed column separators\r
-   * (de):Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner\r
-   *\r
-   * @bugfix\r
-   * @affected   IE 5.x/Win, IE6\r
-   * @css-for    IE 5.x/Win, IE6\r
-   * @valid      yes\r
-   */\r
-\r
-  * html #col1,\r
-  * html #col2,\r
-  * html #col3 { position:relative; }\r
-\r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * (en) Preventing several css bugs by forcing "hasLayout"\r
-   * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"\r
-   *\r
-   * @workaround\r
-   * @affected   IE 5.x/Win, IE6, IE7\r
-   * @css-for    IE 5.x/Win, IE6, IE7\r
-   * @valid      no\r
-   */\r
-\r
-  body { height:1%; }\r
-  .page_margins, .page, #header, #nav, #main, #footer { zoom:1; }  /* IE6 & IE7    */\r
-  * html .page_margins, * html .page { height:1%; hei\ght:auto; }  /* IE 5.x & IE6 | IE6 only */\r
-  * html #header, * html #nav, * html #main, * html #footer { width:100%; wid\th:auto; }  /* IE 5.x & IE6 | IE6 only */\r
-\r
-  /* trigger hasLayout to force containing content */\r
-  .subc, .subcl, .subcr { height:1%; }\r
-\r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * Disappearing List-Background Bug\r
-   * @see        http://www.positioniseverything.net/explorer/ie-listbug.html\r
-   *\r
-   * @bugfix\r
-   * @affected   IE 5.x/Win, IE6\r
-   * @css-for    IE 5.x/Win, IE6\r
-   * @valid      yes\r
-   */\r
-\r
-  * html ul, * html ol, * html dl { position:relative; }\r
-\r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * List-Numbering Bug\r
-   *\r
-   * @bugfix\r
-   * @affected   IE 5.x/Win, IE6, IE7\r
-   * @css-for    IE 5.x/Win, IE6, IE7\r
-   * @valid      yes\r
-   */\r
-\r
-  body ol li { display:list-item; }\r
-\r
-  /**\r
-   * Form related bugfixes\r
-   *\r
-   * @bugfix\r
-   * @affected   IE 5.x/Win, IE6, IE7\r
-   * @css-for    IE 5.x/Win, IE6, IE7\r
-   * @valid      no\r
-   */\r
-  fieldset, legend { position:relative; }\r
-\r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear\r
-   *      Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the\r
-   *      longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed\r
-   *      in YAML.\r
-   *\r
-   * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear\r
-   *      Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout\r
-   *      wenn gleichzeitig die linke Spalte die kürzeste und die rechte die längste ist. Im IE6 und IE7 lässt\r
-   *      sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.\r
-   *\r
-   * @workaround\r
-   * @affected   IE 5.x/Win, IE6, IE7\r
-   * @css-for    IE 5.x/Win, IE6, IE7\r
-   * @valid      no\r
-   */\r
-\r
-  html #ie_clearing {\r
-    /* (en) Only a small help for debugging */\r
-    /* (de) Nur eine kleine Hilfe zur Fehlersuche */\r
-    position:static;\r
-\r
-    /* (en) Make container visible in IE */\r
-    /* (de) Container sichtbar machen im IE */\r
-    display:block;\r
-\r
-    /* (en) No fix possible in IE5.x, normal clearing used instead */\r
-    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */\r
-    \clear:both;\r
-\r
-    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/\r
-    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */\r
-    width:100%;\r
-    font-size:0px;\r
-    margin:-2px 0 -1em 1px;\r
-  }\r
-\r
-  * html #ie_clearing { margin:-2px 0 -1em 0; }\r
-  #col3_content { margin-bottom:-2px; }\r
-\r
-  /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */\r
-  /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */\r
-  html { margin-right:1px; }\r
-  * html { margin-right:0; }\r
-\r
-  /* (en) Bugfix:Essential for IE7 */\r
-  /* (de) Bugfix:Notwendig im IE7 */\r
-  #col3 { position:relative; }\r
-\r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * IE/Win Guillotine Bug\r
-   * @see        http://www.positioniseverything.net/explorer/guillotine.html\r
-   *\r
-   * @workaround\r
-   * @affected   IE 5.x/Win, IE6\r
-   * @css-for    IE 5.x/Win, IE6\r
-   * @valid      yes\r
-   */\r
-\r
-  * html body a, * html body a:hover { background-color:transparent; }\r
-\r
-}\r
-\r
-@media screen, projection\r
-{\r
-  /**\r
-   * (en) IE-Adjustments for content columns and subtemplates\r
-   * (de) IE-Anpassung für Spaltencontainer und Subtemplates\r
-   *\r
-   * Doubled Float-Margin Bug\r
-   * @see        http://positioniseverything.net/explorer/doubled-margin.html\r
-   *\r
-   * @bugfix\r
-   * @affected   IE 5.x/Win, IE6\r
-   * @css-for    IE 5.x/Win, IE6, IE7\r
-   * @valid      yes\r
-   */\r
-  #col1,  #col2 { display:inline; }\r
-\r
-  .c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l,\r
-  .c20r, .c25r, .c33r, .c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { display:inline; }\r
-\r
-  /* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */\r
-  * html .equalize, * html .equalize .subcolumns { overflow:visible; display:block; }\r
-  .equalize, .equalize .subcolumns { overflow:hidden; display:block; }\r
-\r
-  /* transform CSS tables back into floats */\r
-  .equalize .c20l,.equalize .c40l,.equalize .c60l,.equalize .c80l,\r
-  .equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,\r
-  .equalize .c62l,.equalize .c66l,.equalize .c75l {\r
-    float:left; display:inline;\r
-    padding-bottom:32767px;\r
-    margin-bottom:-32767px;\r
-  }\r
-  .equalize .c20r,.equalize .c40r,.equalize .c60r,.equalize .c80r,\r
-  .equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,\r
-  .equalize .c62r,.equalize .c66r,.equalize .c75r {\r
-    float:right; margin-left:-5px; display:inline;\r
-    padding-bottom:32767px;\r
-    margin-bottom:-32767px;\r
-  }\r
-\r
-  .no-ie-padding .c20l,.no-ie-padding .c40l,.no-ie-padding .c60l,.no-ie-padding .c80l,\r
-  .no-ie-padding .c20r,.no-ie-padding .c40r,.no-ie-padding .c60r,.no-ie-padding .c80r,\r
-  .no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,\r
-  .no-ie-padding .c62l,.no-ie-padding .c66l,.no-ie-padding .c75l,\r
-  .no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,\r
-  .no-ie-padding .c62r,.no-ie-padding .c66r,.no-ie-padding .c75r {\r
-    padding-bottom:0;\r
-    margin-bottom:0;\r
-  }\r
-\r
-  /*------------------------------------------------------------------------------------------------------*/\r
-\r
-  /**\r
-   * Internet Explorer and the Expanding Box Problem\r
-   * @see http://www.positioniseverything.net/explorer/expandingboxbug.html\r
-   *\r
-   * @workaround\r
-   * @affected   IE 5.x/Win, IE6\r
-   * @css-for    IE 5.x/Win, IE6\r
-   * @valid      yes\r
-   */\r
-\r
-  * html #col1_content,\r
-  * html #col2_content,\r
-  * html #col3_content { word-wrap:break-word; }\r
-\r
-  /* avoid growing widths */\r
-  * html .subc,\r
-  * html .subcl,\r
-  * html .subcr { word-wrap:break-word; o\verflow:hidden; }\r
-}\r
-\r
-@media print\r
-{\r
-  /**\r
-   * (en) Avoid unneeded page breaks of #col3 content in print layout.\r
-   * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3.\r
-   *\r
-   * @bugfix\r
-   * @affected   IE7\r
-   * @css-for    IE 5.x/Win, IE6, IE7\r
-   * @valid      yes\r
-   */\r
-\r
-  #col3 { height:1%; }\r
-}\r
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
+ * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
+ *
+ * Don't make any changes in this file!
+ * Your changes should be added to a separate patch-file.
+ *
+ * @copyright       Copyright 2005-2010, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.2.1
+ * @revision        $Revision: 454 $
+ * @lastmodified    $Date: 2010-01-01 17:31:10 +0100 (Fr, 01. Jan 2010) $
+ * @appdef yaml
+ */
+
+@media all
+{
+  /**
+   * (en) Debugging:When you see a green background, IE is getting this stylesheet
+   * (de) Fehlersuche:Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
+   *
+   * @debug
+   * @app-yaml-default disabled
+   */
+
+  /* body { background:#0f0; background-image:none; }  */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) No need to force scrollbars in older IE's - it even makes problems in IE6 when set
+   * (de) Scrollbar-Fix wird in alten IE's nicht benötigt, zudem verursacht der Fix Probleme im IE6
+   *
+   * @workaround
+   * @affected   IE6, IE7
+   * @css-for    IE6, IE7
+   * @valid      no
+   */
+
+  body { o\verflow:visible; }
+  
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
+   * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      no
+   */
+
+  * html textarea { overflow:scroll; overflow-x:hidden; }
+  * html input { overflow:hidden; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Stability fixes with 'position:relative'
+   * (de) Stabilitätsverbesserungen durch 'position:relative'
+   *
+   * Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
+   * Helpful to fix several possible problems in older IE versions (#main).
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  body, #main { position:relative; }
+  * html body { position:static; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Clearfix adjustents for containing floats in IE
+   * (de) Clearfix-Anpassung für diverse IE-Versionen
+   *
+   * @workaround
+   * @see        http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  .clearfix { height:1%; }  /* hasLayout aktivieren */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Adjustment of .floatbox class for IE
+   * (de) Anpassung der .floatbox-Klasse für IE
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  .floatbox { width:100%; }
+  
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Special class for oversized content element
+   * (de) Spezielle Klasse für übergroße Inhaltselemente
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  .slidebox {
+    position:relative;
+    margin-right:-1000px;
+    height:1%;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en):Bugfix for partially displayed column separators
+   * (de):Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  * html #col1,
+  * html #col2,
+  * html #col3 { position:relative; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Preventing several css bugs by forcing "hasLayout"
+   * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      no
+   */
+
+  body { height:1%; }
+  .page_margins, .page, #header, #nav, #main, #footer { zoom:1; }  /* IE6 & IE7    */
+  * html .page_margins, * html .page { height:1%; hei\ght:auto; }  /* IE 5.x & IE6 | IE6 only */
+  * html #header, * html #nav, * html #main, * html #footer { width:100%; wid\th:auto; }  /* IE 5.x & IE6 | IE6 only */
+
+  /* trigger hasLayout to force containing content */
+  .subc, .subcl, .subcr { height:1%; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * Disappearing List-Background Bug
+   * @see        http://www.positioniseverything.net/explorer/ie-listbug.html
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  * html ul, * html ol, * html dl { position:relative; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * List-Numbering Bug
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  body ol li { display:list-item; }
+
+  /**
+   * Form related bugfixes
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      no
+   */
+  fieldset, legend { position:relative; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
+   *      Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
+   *      longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
+   *      in YAML.
+   *
+   * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
+   *      Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
+   *      wenn gleichzeitig die linke Spalte die kürzeste und die rechte die längste ist. Im IE6 und IE7 lässt
+   *      sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      no
+   */
+
+  html #ie_clearing {
+    /* (en) Only a small help for debugging */
+    /* (de) Nur eine kleine Hilfe zur Fehlersuche */
+    position:static;
+
+    /* (en) Make container visible in IE */
+    /* (de) Container sichtbar machen im IE */
+    display:block;
+
+    /* (en) No fix possible in IE5.x, normal clearing used instead */
+    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
+    \clear:both;
+
+    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
+    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
+    width:100%;
+    font-size:0px;
+    margin:-2px 0 -1em 1px;
+  }
+
+  * html #ie_clearing { margin:-2px 0 -1em 0; }
+  #col3_content { margin-bottom:-2px; }
+
+  /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
+  /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
+  html { margin-right:1px; }
+  * html { margin-right:0; }
+
+  /* (en) Bugfix:Essential for IE7 */
+  /* (de) Bugfix:Notwendig im IE7 */
+  #col3 { position:relative; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * IE/Win Guillotine Bug
+   * @see        http://www.positioniseverything.net/explorer/guillotine.html
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  * html body a, * html body a:hover { background-color:transparent; }
+
+}
+
+@media screen, projection
+{
+  /**
+   * (en) IE-Adjustments for content columns and subtemplates
+   * (de) IE-Anpassung für Spaltencontainer und Subtemplates
+   *
+   * Doubled Float-Margin Bug
+   * @see        http://positioniseverything.net/explorer/doubled-margin.html
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+  #col1,  #col2 { display:inline; }
+
+  .c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l,
+  .c20r, .c25r, .c33r, .c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { display:inline; }
+
+  /* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
+  * html .equalize, * html .equalize .subcolumns { overflow:visible; display:block; }
+  .equalize, .equalize .subcolumns { overflow:hidden; display:block; }
+
+  /* transform CSS tables back into floats */
+  .equalize .c20l,.equalize .c40l,.equalize .c60l,.equalize .c80l,
+  .equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,
+  .equalize .c62l,.equalize .c66l,.equalize .c75l {
+    float:left; display:inline;
+    padding-bottom:32767px;
+    margin-bottom:-32767px;
+  }
+  .equalize .c20r,.equalize .c40r,.equalize .c60r,.equalize .c80r,
+  .equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,
+  .equalize .c62r,.equalize .c66r,.equalize .c75r {
+    float:right; margin-left:-5px; display:inline;
+    padding-bottom:32767px;
+    margin-bottom:-32767px;
+  }
+
+  .no-ie-padding .c20l,.no-ie-padding .c40l,.no-ie-padding .c60l,.no-ie-padding .c80l,
+  .no-ie-padding .c20r,.no-ie-padding .c40r,.no-ie-padding .c60r,.no-ie-padding .c80r,
+  .no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,
+  .no-ie-padding .c62l,.no-ie-padding .c66l,.no-ie-padding .c75l,
+  .no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,
+  .no-ie-padding .c62r,.no-ie-padding .c66r,.no-ie-padding .c75r {
+    padding-bottom:0;
+    margin-bottom:0;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * Internet Explorer and the Expanding Box Problem
+   * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  * html #col1_content,
+  * html #col2_content,
+  * html #col3_content { word-wrap:break-word; }
+
+  /* avoid growing widths */
+  * html .subc,
+  * html .subcl,
+  * html .subcr { word-wrap:break-word; o\verflow:hidden; }
+  
+}
+
+@media print
+{
+  /**
+   * (en) Avoid unneeded page breaks of #col3 content in print layout.
+   * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3.
+   *
+   * @bugfix
+   * @affected   IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  #col3 { height:1%; }
+}
index 81b02a2..1370a81 100644 (file)
                 </div>
                 <div class="membre">
                     <BOUCLE_membre(ARTICLES){id_article=6}{0,1}><a href="#URL_ARTICLE"><img src="[(#DOSSIER_SQUELETTE)]/images/css/devenir-membre.gif" alt="Devenir membre" border="0" /></a></BOUCLE_membre>
-                </div>  
\ No newline at end of file
+                </div>
+                
+                <?php  
+                       $id_art= [(#ENV{id_article})];             
+                       if ($id_art==1){
+                ?>
+                <div class="logo_auf">
+                       <a href="http://www.auf.org/" target="_blank"><img src="[(#DOSSIER_SQUELETTE)]/images/css/pixel.gif" alt="pixel" title="AUF: http://www.auf.org/" border="0" width="66" height="47" border="0" /></a>
+                </div>
+                <?php                
+                       }
+                ?>
\ No newline at end of file
index 429aa7f..fc407f0 100644 (file)
@@ -44,8 +44,8 @@
                                 else
                                     echo '<a href="#URL_RUBRIQUE"[ (#EXPOSE{class="active"})]>[(#TITRE|supprimer_numero)]</a>';
                             ?>
-                            <BOUCLE_re(BOUCLE_sous_rubriques)></BOUCLE_re></li>
-                        </B_test_expose></BOUCLE_sous_rubriques>
+                            <BOUCLE_re(BOUCLE_sous_rubriques)></BOUCLE_re>
+                        </B_test_expose></li></BOUCLE_sous_rubriques>
                     </ul>
                     </B_sous_rubriques>
                 </div>
index 4c6ab79..fe2d1f0 100644 (file)
@@ -1,8 +1,7 @@
        <!-- BEGIN  BOTTOM -->
-   <div id="bottomnav_container">
+   <div id="footer">
     <div id="bottom_nav_menu">
       <a href="#URL_SITE_SPIP/">Accueil</a>&nbsp;|&nbsp;<a href="#URL_SITE_SPIP/spip.php?page=plan&var_mode=calcul">Plan du site</a>&nbsp;|&nbsp;<BOUCLE_joindre(ARTICLES){id_article=13}><a href="#URL_ARTICLE">[(#TITRE|supprimer_numero)]</a></BOUCLE_joindre>
-        <div class="logo_auf"><a href="http://www.auf.org/" target="_blank"><img src="[(#DOSSIER_SQUELETTE)]/images/css/pixel.gif" alt="pixel" title="AUF: http://www.auf.org/" border="0" width="66" height="47" /></a></div>
-     </div>
+    </div>
    </div>
    <!-- BEGIN  END -->
\ No newline at end of file
index 397b5c3..c6cf2c4 100755 (executable)
             </div>
         
             <div class="c25r">
-                <INCLURE{fond=inc-col_droite}>
+                <INCLURE{fond=inc-col_droite}{id_article}>
             </div>
         
         <!-- IE Column Clearing -->
-        <div class="gap" class="clearfix"></div>
-        <div id="ie_clearing">   </div>
+        <div class="gap" class="clearfix">&nbsp;</div>
+        <div id="ie_clearing">&nbsp;</div>
        </div>
     <!-- END COL3 -->
     </div>