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 :

Petit écart sous une image sous IE


Sujet :

HTML

  1. #1
    Membre éclairé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Points : 878
    Points
    878
    Par défaut Petit écart sous une image sous IE
    Salut a tous,

    j'ai encors eune fois un probleme de mise en page avec internet explorer. Et encors une fois il s'agit d'un petit d'écart qui selon moi (et selon firefox) n'a pas lieu d'être.

    Si vous voulez voir l'écart: http://manganime.0.free.fr/critiques/manga.php

    et voici le code correspondant:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <div  class="cadrecentralemilieu">
    			<div style="background-color:red; width:auto; margin-left:10px; margin-right:10px; height:200px;">
    				<div style="background-color:blue; height:100px;width:46%;float:left;margin:0; padding:0; ">	
    					<img src="http://manganime.0.free.fr/fichiermanganime.0/critiquemanga/alice19th/Tome4/CouvAliceT4vignette.jpg" alt"..." height="100" style="padding:0; margin:0;">
    				</div>
    				<div style="background-color:green; height: 100px; width: 45%; float:left; margin:0; padding:0; ">
     
    				</div>	<div class="separe"></div>
     
    			</div>
    Quelqu'un a une idée de la source de cet écart?

  2. #2
    Membre averti Avatar de Space Cowboy
    Homme Profil pro
    chomeur
    Inscrit en
    Avril 2005
    Messages
    496
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : chomeur

    Informations forums :
    Inscription : Avril 2005
    Messages : 496
    Points : 401
    Points
    401
    Par défaut
    Il est ou l'éccart ?

  3. #3
    Membre éclairé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Points : 878
    Points
    878
    Par défaut
    Citation Envoyé par Space Cowboy
    Il est ou l'éccart ?
    Tu as regardé avec internet explorer?

    Il estr sous l'image, normalement tu voit une petite bande bleu (2 pixel a l'oeil) alors que sous FF il n'y en a pas (ce qui est normal).

  4. #4
    Rédacteur
    Avatar de _Mac_
    Profil pro
    Inscrit en
    Août 2005
    Messages
    9 601
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 9 601
    Points : 12 977
    Points
    12 977
    Par défaut
    C'est parce que tu as sauté une ligne après ta balise <img> et </div>. Y a plus d'écart si tu mets <img ...></div>

Discussions similaires

  1. Réponses: 1
    Dernier message: 09/06/2011, 18h47
  2. Afficher une image sous une condition
    Par SyLvErStOrM dans le forum BIRT
    Réponses: 1
    Dernier message: 08/01/2009, 10h31
  3. Réponses: 3
    Dernier message: 19/05/2008, 23h04
  4. Syntaxe Mettre une image sous une autre en HTML ou PHP
    Par ricky_larsen2 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 11/05/2007, 12h19
  5. Insérer une image sous une autre
    Par soad029 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 07/09/2006, 14h15

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