28172 sujets

CSS et mise en forme, CSS3

Probleme css internet explorer et firefox

Bonjour à tous,

Je suis en train de faire un site internet. J'ai un lien qui ouvre une iframe, et j'ai un probleme pour la mise en page de cet iframe. Sur firefox tout va bien, mais sur internet explorer, il ne prend pas en compte la police, et renvoi à la ligne à chaque mot du texte affiché. Voici mon code :

html/php

echo '<div id="img"><img class="centered" src="./membre/mini/'.$data['photo'].'"</div>';
 
 $str1 = $data['description'];
 $nbcar1 = strlen($str1);

  if ($nbcar1 > 75){
  echo '<div id="nom">', substr(nl2br(stripslashes(htmlentities(trim($data['nom'])))),0,75) , '...' , '</div>';
  }
  else {
  echo '<div id="nom">', nl2br(stripslashes(htmlentities(trim($data['nom'])))) , '</div>';
  }



 $str = $data['description'];
 $nbcar = strlen($str);

  if ($nbcar > 333){
  echo '<div id="desc">', substr(nl2br(stripslashes(htmlentities(trim($data['description'])))),0,333) , '...' , '</div>';
  }
  else {
  echo '<div id="desc">', nl2br(stripslashes(htmlentities(trim($data['description'])))) , '</div>';
  }

et le css :

/********** PROPRIETE GENERIQUE  *****************/

*{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-image:url(./img/cartouche_bleu.png);
        background-repeat:no-repeat;

}

#img {
          background-color: #ffffff;
          position: absolute;
          top: 4px;
          left: 8px;
          height: 100px;
          width: 100px;
          }
                         img.centered {
                         display: block;
                         margin-left: auto;
                         margin-right: auto
                         }
/********-4 et -8 par rapport à ff******************/
#nom {
position: absolute;
top: 11px;
left: 132px;
color: #4d6288;
font-size:11px;
}
#desc {
position: absolute;
top: 24px;
left: 132px;
color: #ffffff;
width: 420px;
font-size:11px;
}

le code d'affichage de l'frame :

<div id="window" class="window"><iframe style="border : none;" frameborder="no" class = "contemp_window" id = "contempwindow" name = "contempwindow"></iframe></div>



je vous remercie d'avance pour votre aide.
[code]
Bonjour

Est-ce que tu pourrais poster le code HTML généré par le PHP ? Ce serait plus clair.
Ou un exemple en ligne, éventuellement.
Modifié par MademoiselleL (10 Dec 2008 - 15:29)
voici ma page php/html



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>Contact - Le brocanteur</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="HAPedit 3.1">
<link rel="stylesheet" type="text/css" href="style2.css" id="feuillestyle" />

<script type="text/javascript" language="Javascript">
<!--

nav = navigator.appName;

if( nav == "Microsoft Internet Explorer"){  
  document.getElementById('feuillestyle').href = 'ie2.css';
}else{
  document.getElementById('feuillestyle').href = 'style2.css';
}
//-->

</script>
<script src="overlay.js"></script>

</head>
<body>

<?


if(isset($_GET['article']) != NULL) {
  include ('config.php');
  $sql = 'SELECT id, nom, description FROM article WHERE id='.$_GET['article'].'';

  $req = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());

 
  $data = mysql_fetch_array($req);


  mysql_free_result ($req);
  mysql_close ();




 $str1 = $data['description'];
 $nbcar1 = strlen($str1);

  if ($nbcar1 > 75){
  echo '<div id="nom">', substr(nl2br(stripslashes(htmlentities(trim($data['nom'])))),0,75) , '...' , '</div>';
  }
  else {
  echo '<div id="nom">', nl2br(stripslashes(htmlentities(trim($data['nom'])))) , '</div>';
  }



 $str = $data['description'];
 $nbcar = strlen($str);

  if ($nbcar > 333){
  echo '<div id="desc">', substr(nl2br(stripslashes(htmlentities(trim($data['description'])))),0,333) , '...' , '</div>';
  }
  else {
  echo '<div id="desc">', nl2br(stripslashes(htmlentities(trim($data['description'])))) , '</div>';
  }



}
include ('contact.php');


?>







</body>

</html>
Sujet clos
Aller à