J'utilise dreamweaver assez récemment pour mon apprentissage du CSS.
Je fais des tests, et apparemment, sur un cas pourtant particulièrement simple.. suis tombé sur un problème : IE et FF donnent le bon résultat identique, alors que le mode création de dreamweaver plante.
[COLOR="Navy"]Il s'agit du postionnemnt d'un div inclus dans le div parent, lorsque la hauteur de ce dernier n'est pas spécifiée (expressément) et que ce div parent est 'étiré'[/COLOR] par des paragraphes.
Voici le mode Creation de dreamweaver :
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 <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Document sans nom</title> </head> <body> <div style="background-color: #CCCCFF; position: absolute; width: 700px; left: 13px; top: 50px;"> <div style="width: 300px; height: 100px; background-color: #006600; bottom: 10px; position: absolute;"></div> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> </body> </html>
Et voici le bon résultat donné identiquement par IE et FF :
Dreamweaver ne positonne peut-être le div enfant que par rapport à la hauteur indiquée (pas de hauteur renseignée, ici - expressément, pour ce test..).
(1) Peut-on éviter cela en paramétrant Dreamweaver ?
(2) La conséquence (leçon) est-elle qu'il faut éviter de se fier au mode création ? Si oui, dans des cas bien particuliers ?
Merci beaucoup pour votre avis éclairé..!
Partager