Zend FR

mana · 27-08-2008 10:55:12

Bonjour,

J'ai le code suivant dans le fichier layout.phtml (utilisé par Zend_Layout::startMvc) :

Code:

<!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">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title><?php echo $this->escape($this->pageTitle); ?></title>
  <style type="text/css">
    *{margin:0;padding:0;}
    #conteneur{width:770px;margin:0 auto;}
        #header  { background: #afa; padding: 10px; border: 1px solid #0a0;
               margin: 10px; text-align: center }
        #content { background: #fc9; padding: 10px; border: 1px solid #c60; 
               margin: 10px ;}
        #footer  { background: #afa; padding: 10px; border: 1px solid #0a0; 
               margin: 10px; text-align: center }
  </style>
</head>
<body>
<div id="conteneur">
  <div id="header">
    <?php echo $this->layout()->header; ?>
  </div>
  <div id="content">
    <?php echo $this->layout()->content ?>
  </div>
  <div id="footer">
    <?php echo $this->layout()->footer; ?>
  </div>
</div>
</body>
</html>

Le premier problème c'est que bien que j'ai mis les marges à zéro

Code:

*{margin:0;padding:0;}

,
j'ai toujours une marge haute qui apparait dans le navigateur (FF3 et IE6).

Le deuxième problème c'est sur le style

Code:

#conteneur{width:770px;margin:0 auto;}

dans IE6, le div conteneur n'est pas centré comme il devrait l'être.

Merci pour votre aide,
Mana

Dernière modification par Mr.MoOx (28-08-2008 12:08:03)

nORKy · 27-08-2008 11:17:24

tu devrais aller sur des forums consacrer aux CSS.

IE 6 est pleins de bug CSS, passe à IE7

Pour les marges, tu devrais utiliser un reset css pour être sur de ton coup (on en trouve plein sur le net)
sinon, essai ca :

Code:

html,body {
  margin: 0;
  padding: 0;
}

De plus, c'est pt etre la marge de ton header qui se repercute en haut.
Essai plutot de mettre un padding de 10px sur ton conteneur plutot qu'une marge de 10px sur ton header, content et footer..

mana · 27-08-2008 11:37:14

Merci de ta réponse nORKy,

Ce que je ne comprends pas c'est que si j'applique ces styles directement sur les fichiers de vue (index.phtml), sans utiliser Zend_Layout::startMvc, ça marche impecc que ce soit sur FF ou IE.

Mais dès qu'on passe par Zend_Layout::startMvc, ces problèmes apparaissent.

Zend FR

#1 27-08-2008 10:55:12

[Zend_Layout et CSS][1.5.3]Problèmes de marge

Code:

Code:

Code:

#2 27-08-2008 11:17:24

Re: [Zend_Layout et CSS][1.5.3]Problèmes de marge

Code:

#3 27-08-2008 11:37:14

Re: [Zend_Layout et CSS][1.5.3]Problèmes de marge

Pied de page des forums