28173 sujets

CSS et mise en forme, CSS3

Question : div hauteur defaut sous IE ?

salut, c mon premier poost
alors petite présentation Smiley smile

jerome, sud de la france, debutant css
je peux aider sur max/maya/moteur de rendu/compositing
voili

alors j'ai cherché sur le forum , mais je n'est pas trouvé exactement ce que je voulais.frappez moi si je me suis trompé Smiley bawling Smiley langue

j'ai une question : le div par defaut sous IE , a-t-il une hauteur par defaut avec ce code ?

html :
<div>
<p>test</p>
<div>


css :
div {

background: black;

}

p {

background: red;
}


car moi sous firefox j'ai donc un long cadre rouge avec pour hauteur le texte

et sous IE , j'ai un long cadre rouge + le div noir qui ne devrais pas apparaitre Smiley sweatdrop enfin je pense..
merci pour vos réponse
Smiley biggol
Bonjour,

Le div devrait théoriquement hériter des marges du paragraphe (si on n'a pas annulé ces marges) via le phénomène de fusion des marges.

Si la fusion des marges ne se fait pas correctement dans IE, ça peut être à cause d'un obscur problème de HasLayout par exemple (concept un peu compliqué à aborder quand on est débutant, hélas).

Quel est le code CSS exact qui s'applique à ces deux éléments?
Peut-on voir une page en ligne?
resalut, malheureusement, non rien est en ligne mais je peux le mettre

une sec..

voili c fait

alors code html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><link rel="stylesheet" type="text/css" href="test.css" media="screen"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>

<body><div>
<p>test</p>
<div>
</body>
</html>


css
div {

background: black;

}

p {

background: red;
}


le link http://www.fxrendering.com/css_rez/boite_test.html


et le test 2 d'ou découle meme probleme


html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><link rel="stylesheet" type="text/css" href="test2.css" media="screen"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>

<body><div>
<p>test</p>
<div>
</body>
</html>


css
@charset "utf-8";
/* CSS Document */

div {
width: 300px;
padding-top: 2em;
background: black;

}

p {
width: 100px;
margin-left: 3em;
background: red;
}

link 2 http://www.fxrendering.com/css_rez/boite_test2.html
voili comme tu peux le voir c un simple test
mais je me suis de suite arreter car si les probleme arivent maintenant ... alor sj'imagine pas la suite , du coup je tente de comprendre; cette énorme diference entre IE et firefox
Modifié par djedjou (09 Dec 2007 - 21:54)
Hmm... à priori le problème principal c'est une erreur dans le code HTML:
<div>
<p>test</p>
[b][#red]<div>[/#][/b]

Un validateur HTML te l'aurait signalée. Smiley cligne
re merci pour ta reponse rapide
alors je viens de faire le test et remis en ligne
mais toujours pareil Smiley sweatdrop
mais c vrai que j'aurais pu faire attention o moins a ça dsl Smiley langue

mais bizzare ça change rien
Modifié par djedjou (09 Dec 2007 - 22:38)
ouki désolé je m'a trompé Smiley langue

ça marche !!! Smiley confused

encore merci pour ton aide rapide,

@ plus tard surement



[résolu]
Sujet clos
Aller à