28173 sujets

CSS et mise en forme, CSS3

Tout d'abord bonjour à tous ! ^^ Alors bon je trouve pas super de s'inscrire simplement pour poster un problème, mais là faut dire qu'il y a urgence :s
Et mon problème est un problème bien sûr très original, puisqu'il s'agit d'une merde d'Internet explorer ! Tout fonctionne parfaitement sous FF. Bon j'ai lu quelques aides de la FAQ, mais bon étant encore un gros débutant, j'ai peut-être (sûrement ? ^^) pas vu ce qu'il fallait que je fasse...
Tout d'abord, voilà l'URL de mon site, encore en construction :
Ensuite le screen sous FF : http://utopi14.free.fr/FF.JPG
Et sous IE6 (au passage sous IE7 ça fonctionne) : http://utopi14.free.fr/IE.JPG

Alors voici le css :

body 
           {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           font-size : 0.7em;
           margin : 0;
           padding : 0;
           background-image : url("images/fond.png");
           }
	  
	  
#header 
           {
           height : 300px;
           background-color : #99cccc;
           background-image : url("images/bann1.png");
           }
		 
		 
#conteneur  
           {
           position : relative;
           width : 800px;
           margin : 0 auto;
           background-color : #ccccff;
           background-image : url("images/degrade7.png");
           background-repeat : repeat-y;
           }
	  
	  
#corps 
          {
           background-color : #ffffff;
           margin-left : 160px;
           margin-right : 160px;
           min-height : 1000px;
           padding : 5px;
           color : #20aced;
          }
		  
		  
#corps h1 
           {
           color : #000000;
           text-align : center;
           font-family : Trebuchet MS, "Verdana", "Arial", "Arial Black", "Times New Roman", Times, serif;
           }
		   
		   
#corps h2 {
           height : 30px;
           background-image : url("images/titre.png");
           background-repeat : no-repeat;
           padding-left : 30px;
           color : #000000;
           text-align : left;
           }
		   
		   
.gauche 
          {
           position : absolute;
           left : 0;
           width : 160px;
           color : #000000;
           }
		   
		   
.droite 
           {
           position : absolute;
           right : 0;
           width : 160px;
           color : #000000;
           margin-top : 3px;
           }
		   
		   
#pied_de_page 
           {
           height : 110px;
           background-color : #99cc99;
           background-image : url("images/degrade7.png");
           background-repeat : repeat-y;
           padding : 5px;
           text-align : center;
           font-style : italic;
           color : #000000;
           clear : both;
           }
		   
		   
.menugauche 
           {
           list-style-type : none;
           margin : 0;
           padding : 0;
           }
		   
		   
.menugauche li 
           {
           margin-bottom : 5px;
           }
		   
		   
.gauche h4 
           {
           font-size : 1.2em;
           color : #000000;
           font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
           text-align : center;
	       }
		   
.droite h4 
           {
           font-size : 1.2em;
           color : #000000;
           font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
           text-align : center;
	       }
		   
		   
.gauche ul
           {
           list-style-image : url("images/keyblade1.gif");
           padding : 0;
           padding-left : 32px;
           margin : 0;
           margin-bottom : 0;
           }
		   
		   
.droite ul 
           {
           list-style-image : url("images/keyblade1.gif");
           padding : 0;
           padding-left : 58px;
           margin : 0;
           margin-bottom : 0;
           }
		   
		   
.menudroit 
           {
           list-style-type : none;
           margin : 0;
           padding : 0;
           }
		   
		   
.menudroit li 
           {
           margin-bottom : 5px;
           }
		   
		   
a:hover 
           {
           color : blue;
           text-decoration : underline;
           }


img 
           {
           border : none;
           }
		   
		   
a 
           {
           text-decoration : none;
           color : black;
           }
		   
		   
#fontlien 
           {
           background-image : url("images/musique.gif");
           }
		   
		   
caption 
           {
           margin : auto;
           font-family : Arial, Times, "Times New Roman", serif;
           font-weight : bold;
           font-size : 1.2em;
           color : #009900;
           margin-bottom : 20px;
           }
		   
		   
table 
           {
           margin : auto;
           border : 1px outset black;
           border-collapse : collapse;
           }
		   
		   
th 
           {
           background-color : #006600;
           color : white;
           font-size : 1.1em;
           font-family : Arial, "Arial Black", Times, "Times New Roman", serif;
           }
		   
		   
td 
           {
           border : 1px solid black;
           font-family : "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
           text-align : center;
           padding : 5px;
           vertical-align : middle;
           background : #d5eaff;
           }
		   
		   
.position
          {
          position: absolute;
          left: 40px;
          right: 28px;
          }
		  

.clair 
         {
         margin : 4px;
		 margin-right: 0px;
         padding : 5px;
         border : 1px solid #ccdffb;
         width : 458px;
         }
	  
	  
.interpellation 
         {
         color : #8cc6ff;
         font-weight : bold;
         font-size : 15px;
         margin-bottom : 0;
         padding-bottom : 0;
         }
		 
	  
.minifont
         {
         font-size : 9px;
         }
		 
		 
#msg_guestbook 
         {
         margin-top : 5px;
         margin-left : 5px;
         margin-bottom : 5px;
         width : 450px;
         border : 1px solid #93c9ff;
         background : #d5eaff;
         }


Et le html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Site en construction !</title>
<link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" />
</head>

<body>

<div id="conteneur">

          <div id="header"> <div id="top"></div></div>

          <?php
// Puis on inclue le menu
include("menu.php");
?>
          
        <div id="corps">
 <p><center><p><img src="images/news.png" alt="News" /></p></center></p>
        

<?PHP
$number=10;
include("cutenews/show_news.php");
?>

        </div>
          
          <div id="pied_de_page"><p><a href="#top"><img src="images/sora.gif" /></a> © Copyright 2006 - Kingdom of Utopia, toute reproduction totale ou partielle interdite. Design by Kingsora &amp; Kalouax1.</p></div>

</div>
          

</body>
</html>



Alors sinon dans l'affaire il y a un peu de php...et je tiens à préciser que quand j'enlève
<?PHP
$number=10;
include("cutenews/show_news.php");
?>
et ben ça fonctionne sous FF ainsi que IE !

Et j'ai essayé de rajouter du css dans le fichier show_news.php, mais sans succès, ce que j'ai mis n'a pas marché. Donc voici le code de show_news.php :



<?PHP

error_reporting (E_ALL ^ E_NOTICE);

$cutepath =  __FILE__;
$cutepath = preg_replace( "'\\\show_news\.php'", "", $cutepath);
$cutepath = preg_replace( "'/show_news\.php'", "", $cutepath);

require_once("$cutepath/inc/functions.inc.php");
require_once("$cutepath/data/config.php");

// If we are showing RSS, include some need variables.
if($template == 'rss'){
   include("$cutepath/data/rss_config.php");
}

//----------------------------------
// Check if we are included by PATH
//----------------------------------
if($HTTP_SERVER_VARS["HTTP_ACCEPT"] or $HTTP_SERVER_VARS["HTTP_ACCEPT_CHARSET"] or $HTTP_SERVER_VARS["HTTP_ACCEPT_ENCODING"] or $HTTP_SERVER_VARS["HTTP_CONNECTION"]){ /* do nothing */ }
elseif(eregi("show_news.php", $PHP_SELF)){
die("<h4>CuteNews a détecté que vous incluez show_news.php en utilisant l'URL à ce dossier.<br>
C'est incorrect et vous devez l'inclure à l'aide du CHEMIN à show_news.php</h4><br>Exemple:<br>
this is <font color=red>WRONG</font> :&nbsp;&nbsp; &lt;?PHP include(\"http://yoursite.com/cutenews/show_news.php\"); ?&gt;<br>
this is <font color=green>CORRECT</font>:&nbsp;&nbsp; &lt;?PHP include(\"cutenews/show_news.php\"); ?&gt;<br>
<br><BR>// <font size=2>si vous pensez ce message ne devrait pas être montré, ouvrez show_news.php et supprimez le de là</font>");
}
//----------------------------------
// End of the check
//----------------------------------

if(!isset($subaction) or $subaction == ""){ $subaction = $POST["subaction"]; }

if(!isset($template) or $template == "" or strtolower($template) == "default"){ require_once("$cutepath/data/Default.tpl"); }
else{
        if(file_exists("$cutepath/data/${template}.tpl")){ require("$cutepath/data/${template}.tpl"); }
    else{ die("Erreur!<br>le template <b>".htmlspecialchars($template)."</b> n'existe pas, note that templates are case sensetive and you must write the name exactly as it is"); }
}

// Prepare requested categories
if(eregi("[a-z]", $category)){
        die("<b>Erreur</b>!<br>CuteNews a détecté que vous utilisez \$category = \"".htmlspecialchars($category)."\"; mais vous ne pouvez appelez ces catégories par leurs <b>ID</b> nombres et pas avec leurs noms<br>
    example:<br><blockquote>&lt;?PHP<br>\$category = \"1\";<br>include(\"path/to/show_news.php\");<br>?&gt;</blockquote>");
}
$category = preg_replace("/ /", "", $category);
$tmp_cats_arr = explode(",", $category);
foreach($tmp_cats_arr as $key=>$value){
    if($value != ""){ $requested_cats[$value] = TRUE; }
}

if($archive == ""){
        $news_file = "$cutepath/data/news.txt";
        $comm_file = "$cutepath/data/comments.txt";
}else{
        $news_file = "$cutepath/data/archives/$archive.news.arch";
        $comm_file = "$cutepath/data/archives/$archive.comments.arch";
}

$allow_add_comment                        = FALSE;
$allow_full_story                        = FALSE;
$allow_active_news                         = FALSE;
$allow_comments                         = FALSE;



//<<<------------ Detarime what user want to do
if( $CN_HALT != TRUE and $static != TRUE and ($subaction == "showcomments" or $subaction == "showfull" or $subaction == "addcomment") and ((!isset($category) or $category == "") or ($requested_cats[$ucat] == TRUE )  ) ){
    if($subaction == "addcomment"){  $allow_add_comment        = TRUE; $allow_comments = TRUE; }
    if($subaction == "showcomments"){ $allow_comments = TRUE; }
    if(($subaction == "showcomments" or $allow_comments == TRUE) and $config_show_full_with_comments == "yes"){$allow_full_story = TRUE; }
    if($subaction == "showfull") $allow_full_story = TRUE;
    if($subaction == "showfull" and $config_show_comments_with_full == "yes") $allow_comments = TRUE;

}
else{
    if($config_reverse_active == "yes"){ $reverse = TRUE; }
        $allow_active_news = TRUE;
}
//----------->>> Detarime what user want to do

require("$cutepath/inc/shows.inc.php");
    if($_GET['archive'] and $_GET['archive'] != ''){ $archive = $_GET['archive']; } // stupid fix ?
unset($static, $template, $requested_cats, $category, $catid, $cat,$reverse, $in_use, $archives_arr, $number, $no_prev, $no_next, $i, $showed, $prev, $used_archives);
?>



Voilà désolé si je devais poster ça dans la section php, mais je pense que c'est plus un pb de css donc voilà...merci d'avance ! Smiley smile
Modifié par Kingsora (15 Feb 2007 - 15:15)
fiou j'ai enfin réussi...mais j'étais tellement désespéré que voilà ^^
A peine arrivé et déjà une connerie au compteur lol

Si d'autres ont le même pb que moi, j'ai simplement enlevé un width: 500px qui devait foutre la merde dans le template du skin de l'éditeur de news...


Voilà à delete peut être, j'sais pas trop comment vous fonctionnez ici. Smiley smile
Salut,

Non ce n'est pas à deleter, tu avais un problème, tu expliques ce qui t'a permis de le résoudre, cela peut servir à d'autres personnes.

Mets simplement [RESOLU] devant le titre de ton sujet en éditant ton premier message.

Smiley smile
Modifié par Hum (25 Nov 2006 - 16:11)
Administrateur
Kingsora a écrit :
Voilà à delete peut être, j'sais pas trop comment vous fonctionnez ici. Smiley smile

Si si tu devrais le savoir : c'est écrit noir sur blanc dans les Règles que tu as lues et approuvées en t'inscrivant Smiley cligne

PS : bienvenue ici Smiley smile
Modifié par Raphael (25 Nov 2006 - 16:32)