28173 sujets

CSS et mise en forme, CSS3

!Debutant, Css et mise en page <DIV>

Bonjour,

Je débute avec les Css, soyez indulgents Smiley cligne
J'ai 2 fichiers, style.css et mon index.html.

Style Css :

.conteneur {
  width: 600px;
  height: 100px;
  background-color: black;
}
.bloc {
  width: 300px;
  height: 50px;
  background-color: yellow;
}

Vous voyez rien de transcendant, je declare juste 2 tableaux, .conteneur et .bloc.
Je veux que ceux ci soient imbriqués, .bloc dans .conteneur. J'ai bien defini la couleur de fond dans chaque conteneur pour plus de visibilité.

Online : http://www.fileip.com/TestCss

mon code Html index :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test CSS</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div class="conteneur">
	<div class="bloc">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla....	</div>
</div>
</body>
</html>


Quelle(s) erreur(s) ai je commis pour qu'online les couleurs de fond ne soient pas visibles et pour que le texte soit en bas de .conteneur et non pas .bloc.
J'ai effectué les tests sur IE6 et FF 1.5.0.4

Merci
Fileip
Modifié par Fileip (22 Jul 2006 - 16:25)
Je pense que l'apperçu dans Dreamweaver deconne, tellement le code est bateau j'emet des doutes sur son utilisation.
Probléme de vide cache surement.
Va pas être simple de faire mes tests.
Salut,

je vois que tu utilises une déclaration de type de document (DTD) XHTML 1.1

Il serait préférable d'opter pour du XHTML 1.0 parce que le 1.1 c'est vraiment très spécial.

Pour en savoir plus si tu aimes bien la lecture :
http://css.alsacreations.com/Bases-et-indispensables/DTD-comment-choisir

Dont cet extrait
a écrit :

Avertissement :

* Ces explications se placent uniquement dans l'optique "Faire un document (X)HTML qui sera traité en tant que HTML", et non en tant que XML ;
* Cette optique répond en effet à la plupart des besoins courants à l'heure actuelle : on n'abordera donc pas ici le cas des DTD XHTML1.1 et au-delà, de mise en oeuvre nettement plus complexe, et qui répondent actuellement à des besoins très spécifiques.
Je pense que tu viens de trouver exactement ce pourquoi les mises à jours n'etaient pas faites correctement lors des previsualisation. Là tout s'affiche correctement.
Merci beaucoup.
Bonjour Fileip,

Fileip a écrit :
Vous voyez rien de transcendant, je declare juste 2 tableaux, .conteneur et .bloc.

Ton code ne contient pas le moindre tableau.

L'élément HTML div désigne une division. En d'autres termes, c'est un élément de type bloc qui n'a pas de mise en forme par défaut, une sorte de bloc conteneur neutre.

Pour mémoire, les tableaux en HTML se font avec l'élément table.
Modifié par mpop (22 Jul 2006 - 17:50)
Sujet clos
Aller à