IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Problème de <div> affichage IE/Firefox


Sujet :

HTML

  1. #1
    Membre habitué Avatar de hammag
    Profil pro
    Inscrit en
    Février 2006
    Messages
    511
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 511
    Points : 145
    Points
    145
    Par défaut Problème de <div> affichage IE/Firefox
    Voila, j'ai un problème d'affichage entre IE et Firefox, et pour une fois, c'est IE qui affiche ce que je veux !!
    Le problème est d'afficher un div dans un autre div. Sous IE pas de pb. Mais avec Firefox la taille du div ne s'ajuste pas à son contenu.
    y-a-t-il un remède pour ce problème

  2. #2
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    il peut y avoir (environ ) soixante quinze millions de causes différentes ^^

    >>> montre-nous le code de tes fameuses div...

  3. #3
    Membre habitué Avatar de hammag
    Profil pro
    Inscrit en
    Février 2006
    Messages
    511
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 511
    Points : 145
    Points
    145
    Par défaut
    voici un bout de code php :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     
    .
    .
    echo "<div id=discussion>";        
    	       echo "<div id=titre>";
    			     echo " href=page.php?id=$this->id&title=".urlencode($this->title).">$this->title</a>";       
    		   echo"</div>";    
     
    		   echo "<div id=createur><a  href=page.php>$createur</a></div>";
     
    		   echo "<div id=discussion_date><i>".$date."</i></div>";
     
    		   echo "<div id=discussion_date><i>".$time."</i></div>";
     
           echo"</div>";
     .
    .
    en gros, ce code affiche dans une ligne des informations concernant un message, le titre, le créateur, la date de création et l'heur de création du message.

    la div 'discussion' contient les trois div 'titre', 'createur' et 'date' de sorte que les div 'titre', 'createur' et 'date' se positionnent cote à cote horizontalement.

    et voici la feuille de style :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
     
     
     #discussion{
    	height:10px;
    	background-color:#99FFFF;
    	border: 1px solid;
    	}
     
    #titre{
    	float:left;
    	width:70%;
     
    	}
     
    #createur{
    	float:left;
    	width:15%;
    	/*border:1px solid;*/
    	}
     
    #date{
    	width:10%;
    	float:right;
    	font: 8pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
     
    	}
    le problème dans firefox est que la largeur des div est très petite de sorte que le contenu (text) sera affiché en dessous des div.

    j'espère que mes explications pourront t'aider pour comprendre mon problème.

    salut

  4. #4
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    Citation Envoyé par hammag Voir le message
    voici un bout de code php :
    Evite le code PHP s'il te plait, regarde ici si tu veux savoir pourquoi ^^ et donne-nous ton code généré on va y jeter un oeil

    edit : ok pour le message déplacé au temps pour moi... (par contre tu peux quand même nous montrer le code généré si tu veux un coup de main )

  5. #5
    Membre habitué Avatar de hammag
    Profil pro
    Inscrit en
    Février 2006
    Messages
    511
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 511
    Points : 145
    Points
    145
    Par défaut
    salut,

    primo: pour le code php, j'ai crée ce message la première fois dans le forum php et un modérateur l'a déplacé dans ce forum. (désolé j'ai pas fait attention)
    deuxièmement: concernant ma question et après plusieurs vérifications j'ai trouvé que le problème réside dans la taille du div conteneur 'discussion' :
    dans la feuille de style j'ai mis height:10px;

    alors dans IE c'est bon, le texte sera affiché dans le div, en revanche dans firefox la largeur du div est très petite. Est-ce un un problème de configuration de firefox, ou bien est il possible de créer deux feuilles de style, une pour IE et une autre pour firefox ?

  6. #6
    FoxLeRenard
    Invité(e)
    Par défaut
    Citation Envoyé par hammag Voir le message
    salut,
    primo: pour le code php, j'ai crée ce message la première fois dans le forum php et un modérateur l'a déplacé dans ce forum. (désolé j'ai pas fait attention)
    deuxièmement: concernant ma question et après plusieurs vérifications j'ai trouvé que le problème réside dans la taille du div conteneur 'discussion' :
    dans la feuille de style j'ai mis height:10px;
    alors dans IE c'est bon, le texte sera affiché dans le div, en revanche dans firefox la largeur du div est très petite. Est-ce un un problème de configuration de firefox, ou bien est il possible de créer deux feuilles de style, une pour IE et une autre pour firefox ?
    Bonjour,
    sois dit au passage ton probléme est bien un probléme de HTML et feuilles de styles, par contre le fait qu'il y ais des bout de PHP dans ton code est normal et ne génes pas

    Ton probléme vient du fait qu'il faudrait donner une taille importante au DIV qui contient tout les autres. donc discussion a ce sujet n'oublies pas cette notion d'héritage des contenus par raport aux contenants !

Discussions similaires

  1. [HTML] HTML problème d'affichage sous firefox
    Par poupouny dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 12/12/2006, 14h40
  2. [html] Problème d'affichage sous FireFox
    Par fourgeaud dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 17/11/2006, 10h04
  3. Problème d'affichage sous Firefox
    Par palassou dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 03/10/2006, 10h43
  4. [AJAX] Affichage avec Firefox
    Par sarapis dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 19/05/2006, 17h00
  5. [débutante] problème affichage sous Firefox
    Par silversky dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 16/09/2005, 14h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo