28173 sujets

CSS et mise en forme, CSS3

[RESOLU] Affichage fantome sous IE

booooooonjour à tous,
bon alors, comme beaucoup ici, j'ai un probleme avec IE...
recapitulons :
j'ai fait le site suivant www.vuesdunmonde.fr en css, sous osx et safari. j'ai passé la validation css et html, qui ne me signifient pas de problemes majeurs, puis testé sous differents navigateurs (opera, firefox, safari... et bien evidemment : IE). quelle ne fut point ma surprise en decouvrant que le sympathique menu que j'avais pourtant pris soin de peaufiner sous safari (pas facile...) n'apparait absolument pas sous IE (mais alors pas du tout, genre meme pas un petit bout, rien...). j'ai fouiné un peu partout voir si ce probleme avait deja eté rencontré par d'autres, sans succés...
je m'en remet donc à vous tous, qui je pense etes plus au fait du css que moi, etant graphiste de formation print, et n'ayant donc que peu de connaissances sur le sujet internet....
une copie du index.php : 



 <?php
session_start();
define('IN_SITE', true);
if ( !defined('IN_SITE') ) { die("Hacking attempt"); }
require("common.php");

$tabConfig = recupConfig();
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo $_SESSION['langue'];?>" xml:lang="<?php echo $_SESSION['langue'];?>">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title><?php echo $dataCommonInformation['titrePage'];?></title>
<meta name="Description" content="<?php echo $dataCommonInformation['descriptionPage'];?>" />
<meta name="Keywords" content="<?php echo $dataCommonInformation['tagsPage'];?>" />
<meta name="robots" content="INDEX,FOLLOW" />
<link href="screen.css" type="text/css" rel="stylesheet" />
<style type="text/css"> a   {     color:#ffffff;     text-decoration:none;  font-weight:bold; }  
a:hover   {     color:#ffc400;      text-decoration:underline overline;     font-weight:bold;    }</style>
<!-- Javascript pour ouvrir/fermer les news-->
<script type="text/javascript" src="js/fonction.js"></script>
<script type="text/javascript" src="flashobject.js"></script>
</head>

<body>
<div id="page">
<div id="header"><?php require("includes/header.php"); ?></div>

<div id="menu"><?php require("includes/menu.php"); ?></div>	

<div id="corps">


<?php
/* Si la présentation n'est aps vide alors on l'affiche */
if(!empty($dataCommonInformation['presentation']))
{
?>
<div id="presentation"><?php echo $dataCommonInformation['presentation'];?></div>
<?php
}
?>



<div id="titre"><?php echo $tabConfigLangue['newsTitre']; ?></div>
<div id="news"><?php $newsTotales = afficherNews($tabConfig['newsCharMax'],$tabConfig['newsByPage']);?></div>




<?php
if($tabConfig['activePagination']==1)
{
?>
<div id="divPagination"><?php paginerNews($tabConfig['newsByPage'],$newsTotales); ?></div>
<?php
}
?>
</div>
<div id="extranet"><?php require("extranet/includes/extranet.php"); ?></div>
<div id="footer"><?php require("includes/footer.php"); ?></div>
</div>
</body>
</html>



ainsi qu'une version du css

body {
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
background-color : #000;
}
#header {
text-align : left;
height : 80px;
width : 600px;
margin-left : 200px;
margin-top : 60px;
color : #ffffff;
}
#menu {
position : absolute;
text-align : right;
font-size : 11px;
height : 300px;
margin-top : 20px;
width : 195px;
color : #000;
background-color : #2c2c2c;
border-right : 1px solid #fff;
}
#menu ul {
list-style : none;
margin : 0;
padding : 0;
border : none;
width : 0;
}
lu.menu_lang {
border : 5px solid #fff;
display : inline;
background-color : white;
}
#menu li {
margin-left : 90px;
}
#menu li a {
display : block;
padding : 5px 5px 5px 0.8em;
background-color : #2c2c2c;
color : #fff;
text-decoration : none;
width : 90px;
}
#menu li a:hover {
background-color : #ffc400;
color : #fff;
}
#corps {
margin-left : 196px !important;
width : 600px;
background-color : #000;
text-align : justify;
margin-top : 20px;
}
#flashcontent {
margin-top : 0;
width : 610px;
height : 300px;
background-color : #000;
}
#contenu {
margin-left : 195px !important;
text-align : justify;
padding-left : 20px;
padding-right : 20px;
font-size : 12px;
width : 600px !important;
background-color : #2c2c2c;
margin-top : 0;
line-height : 20px;
}
#news {
width : 600px;
font-size : 11px !important;
background-color : #2c2c2c;
padding-left : 10px;
padding-top : 10px;
padding-bottom : 10px;
}
.titreCategorie {
text-align : center;
font-weight : bold;
padding-top : 25px;
padding-bottom : 25px;
font-size : 16px !important;
width : 560px !important;
letter-spacing : 15px;
}
.hautNews {
font-weight : bold;
padding-top : 15px;
font-size : 12px !important;
width : 560px !important;
line-height : 15px;
}
#extranet {
margin-left : 196px !important;
width : 600px;
background-color : #2c2c2c;
padding-top : 10px;
padding-left : 10px;
font-size : 11px;
text-align : left;
}
#footer {
margin-left : 200px !important;
width : 600px;
padding-left : 10px;
padding-top : 20px;
font-size : 10px;
text-align : center;
}
a {
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
a:hover {
color : #ffc400;
text-decoration : underline overline;
font-weight : bold;
}



voila, voila,
nouveau sur le forum, j'espere avoir tout bien fait comme il faut (si c pas le cas chui (confus) : Smiley confus ) et pis bah pour le reste, j'espere que l'un d'entre vous aura une reponse, je vous assure que ça me depannerais bien... Smiley smile
d'avance merci
jerem
Modifié par jeremac1 (16 Aug 2007 - 11:09)
Salut.

J'ai déjà rencontré le problème avec un texte sur une page que j'ai créée qui n'apparaissait plus.

Essaye le "zoom:1" sur ton menu.
Ca permettrait de remettre les idées à l'entroit dans ce petit IE.

(C'est un peu vieu pour moi, mais si tu recharche affichage fantome et zoom tu devrais trouver, car j'avais eu ma reponse assez facilement à l'époque.)

Bonne journée Smiley cligne
au fait ton lien ne fonctionne pas.

on ne peut pas voir ton site Smiley bawling

bye
Modifié par Puce (13 Aug 2007 - 16:45)
Administrateur
Bonjour et bienvenue,

j'ai supprimé l'autre sujet qui semblait être un doublon (même titre, ...)

Concernant le code que tu as collé ici, il ne respecte malheureusement pas les règles: le PHP ne concerne que le serveur et le bug dont tu parles est bien à l'affichage donc ne concerne que le HTML généré par PHP. De plus, les numéros de ligne rendent impossible tout copier-coller dans nos éditeurs. Et enfin (surtout), merci d'utiliser les balises [ code] ... [ /code] pour entourer tout code posté pour le rendre plus lisible.

Actuellement sur le lien posté je ne vois qu'une erreur PHP, je suppose que tu es en train de travailler dessus. Smiley smile

Sur le fond du sujet, d'après ce que tu en dis et de ce qu'en dit Puce, il s'agit d'un problème en relation avec le hasLayout (un "machin" spécial IE). Voir les liens qu'a compilé Igor: http://del.icio.us/Igor/haslayout par exemple (et en suivant chez Laurent Denis sa traduction: http://www.test.blog-and-blues.org/haslayout/trad_temp.html )
Si tu as un minimum de chance, les solutions indiquées en CSS devraient faire réapparaître le texte, sinon il faudra peut-être toucher au code HTML.
Modifié par Felipe (13 Aug 2007 - 16:45)
Puce a écrit :
au fait ton lien ne fonctionne pas.

on ne peut pas voir ton site Smiley bawling

bye




oupssssssssss, désolé, normalement ça remarche.... (j'avais laissé les lignes de comptes)
je vais essayer ta solution des tout de suite.
merci,
jeremac
salut salut, bon en fait g contourné le probleme en passant par 2 div aux proprietes float:left, et ai ainsi pu aligner mes deux blocs cote cote..... et que ça marche sous IE....

encore merci pour les conseils,
jerem
www.vuesdunmonde.fr
Sujet clos
Aller à