28173 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un gros problème à piger comment faire des blocs pour qu'ils s'affichent l'un au dessus de l'autre. J'ai beau lire les tutos, j'y pige pas grand chose. J'essaie de faire une entête dans laquelle il y a une première rangée avec des boutons(liens textes) puis un corps dans lequel il y a des informations textes. Mais voilà dans firefox tout est ok mais dans explorer un espace s'ajoute entre ma ligne de boutons et le corps de mon entête. Je ne comprend pas où est mon erreur

J'ai trois éléments de base dans ma page à positionner, mes css sont les suivants :

#page {
    position:relative;
    margin: 0 auto;
	width: 768px;
}
#boutons {
	width:204px;
	height:17px;
	float:right;
	}
#entete {
position:relative;
    top:17px;
	height:108px;
	width:757px;
   }

Puis j'ai des bloc qui servent à positionner les liens texte dans la première rangée.

#bouton_1 {
	width: 102px;
	height:17px;
	float:left;
	}
#bouton_2 {
	width: 102px;
	height:17px;
	float:right;
	}

donc mon positionnement ressemble à ceci :
<div id="page">
    <div id="boutons">
                  <div id="bouton_1">Configurer</div>
                  <div id="bouton_2">Personnaliser</div>
    </div>
    <div id="entete" >          
    </div>
</div>

Merci beaucoup, si quelqu'un peut m'éclairer un peu avec ça, ça ferait vraiment mon bonheur

Merci

Modifié par Vakarm (09 Nov 2007 - 21:49)