Geckozone

Salut à tous
Je préviens Newbie inside ça fait plusieurs années que je fais du dév Windows mais je ne m'étais jamis penché sérieusement sur le dév web et je galère.

Je cherche à afficher sur la gauce de ma page un cadre d'info de dernières minutes avec un jeu de deux couoleur une pour le fon et une pour la bordure. pour cette parti la ça marche mais ce que je voudrais c'est pouvoir mettre "un titre" pour ce cadre affiché avec en fond la même couleur que pour la bordure du cadre

J'ai donc le code suivant

Code : Tout sélectionner

<div class="news"> 
  <h2>Derni&egrave;res infos</h2> 
  <p>un peu de texte ici </p>
  <p> un peu de texte la</p>
</div>

avec le css suivant

Code : Tout sélectionner

.news {
	width: 181px;
	background-color: #E2E2FF;
	text-align: left;
	border: thin solid #9393FF;
	height: auto;
	overflow: auto;
	float: left;
	margin-top: 30px;
}
.news h2 {
	font-size: medium;
	font-style: italic;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9393FF;
	text-align: left;
	background-color: #9393FF;
	font-weight: bolder;
}

le problème c'est que ça s'affiche comme je veux avec IE mais que mozilla me met un espace entre le haut de mon cadre et le texte contenu dans ma balise h2.

J'ai raté quoi la ? vous avez une idée?

Merci d'avance

Sans doute un magin-top ou un padding-top à remettre à zéro sur ton élément h2.

Pour info, vas lire également les explications sur le comportement des modèles de boîtes :

http://openweb.eu.org/articles/dimensions_boites_css/

Et en complément sur les feuilles de style CCS2, cette page http://www.yoyodesign.org/doc/w3c/css2/box.html

Benoit a écrit :Sans doute un magin-top ou un padding-top à remettre à zéro sur ton élément h2.

Ben oui voila c'était ça c'est des feuilees de style en cascades
c'est juste que j'ai un peu tendance à l'oublier

C'est chiant c'est un façon de réfléchir qui est complétement différente de tout ce que j'ai fait à présent c'est dur de réapprendre....

J'ai pu 20 ans moi.....

ben moi g un probleme dans le genre, j'arrive pas a avoir le padding a 0 sur firefox, ca me laisse une marge dans tous les cas (g bien essayé d'augmenter et ca fonctionne sans probleme, c l'enlever que j'arrive pas

). j'v relire la doc encore (g juste passé quelques heures dessus déjà), mais ca parait louche quand meme

bon ben... g trouvé.... j'avais une balise <p>

Freed Castles a écrit :Pour info, vas lire également les explications sur le comportement des modèles de boîtes :

http://openweb.eu.org/articles/dimensions_boites_css/

Chez moi j'ai vérif avec IE, sur cette page:
http://openweb.eu.org/articles/dimensio ... 1.html#ex1

Les 2 boites sont de la m^ taille...

Ça veut dire quoi, que j'ai un IE spécial qui respecte les conventions?

Si tu as IE 6 à priori c'est le cas.
Le problème ne se pose apparemment qu'avec ie 5.x

D'aco d'ac!

phoenix a écrit :Si tu as IE 6 à priori c'est le cas.

A condition de bien spécifier un DOCTYPE approprié.

phoenix a écrit :Le problème ne se pose apparemment qu'avec ie 5.x

Oui.

Geckozone

problème de marge dans un div : affiche IE/mozilla différe

problème de marge dans un div : affiche IE/mozilla différe