28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

voici un code tout simple qui fonctionne (étonnament) bien dans I.E. mais pas dans Firefox! Je veux créer une boîte avec une bordure noir dans le haut qui contient le titre... mais Firefox place un espace blanc entre le top de la boîte et le début de la bordure.

CODE:
-------------------------------------
<html>
<head>
<style type="text/css">
#box { width:400px;; height:200px; border:solid #000 1px; padding:0;}
#box h1 { background-color:#000; color:#fff; }
</style>
</title>

</head>
<body>

<div id="box">
<h1>Pas encore inscrit</h1>
</div>

</body>
</html>
-------------------------------------

Merci d'avance de vote aide!
tu peux modifier ton code comme ca pour regler le probleme :


#box h1 { background-color:#000; color:#fff;margin:0;}


ps : utilise les balises code lorsque tu édites un message Smiley cligne
merci... je me sens gêné de savoir que c'était seulement cela; je crois que j'ai trop fais de CSS pour aujourd'hui!

Mais pourquoi Firefox place-t-il une marge automatiquement et pas IE?
Administrateur
Bonjour et bienvenue, Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

Merci également d'éditer le titre de ton sujet (en éditant le 1er message du sujet) pour enlever les majuscules et les "???" superflus Smiley ohwell

Bonne continuation Smiley smile

upload/1-code.gif