28173 sujets

CSS et mise en forme, CSS3

Bon, j'ai beau lire et relire le tutoriel, quelque chose m'échappe :

La boite flottante "nouvelles" se colle bien à droite mais en bas de "page", et moi, je la veux en haut !


<div id="conteneur">
  
  	<div id="page">
  	  <p>zut zut zt zut</p>
  	  <div class="nouvelles">et encore zut</div>
  	</div>
 </div>

#conteneur {
	position: absolute;
	width: 73%;
	top: 110px;
	right: 1%;
	background-color: #FFFFCC;
	border: 1px solid #336600;
	height: auto;
	padding: 10px;

#page {
	height: auto;
	width: auto;
}

.nouvelles {
	border: 1px solid #336600;
	float: right;
	background-color: #FFCC33;
	width: 200px;
}



J'ai essayé de changer tous les paramètres de largeur, sans les définir, en les définissant, en pixels, en %, en positionnant, sans positionner : rien n'y fait !

Otez moi d'un doute affeux : que n'ai je pas bien compris ?
La flottante, c'est bien par rapport au parent ?

Ah, et puis au passage : pourquoi IE a la tremblote lorsqu'on définit des marges en % ?
Modifié par Vero (13 Feb 2005 - 02:42)
De quel tutoriel parles-tu ?

Ta boîte flottante devrait se situer dans le code avant ton paragraphe.
Modifié par Igor (13 Feb 2005 - 02:00)
Igor a écrit :

De quel tutoriel parles-tu ?


Celui du site d'Alsacréation concernant le positionnement des blocs.

Igor a écrit :

Ta boîte flottante devrait se situer dans le code avant ton paragraphe.


Je suis une vraie nouille, mais celle là au moins, on ne me la fera plus !

Merci
Administrateur
Vero a écrit :

Je suis une vraie nouille, mais celle là au moins, on ne me la fera plus !

Non tu n'es pas une nouille, tu es une débutante (en tout cas dans ce domaine), comme tout le monde l'a été ici avant toi Smiley smile
Raphael a écrit :

Non tu n'es pas une nouille, tu es une débutante (en tout cas dans ce domaine), comme tout le monde l'a été ici avant toi Smiley smile


Commentaire de qualité, digne d'un formateur.
Smiley smile

Disons que cette "coquille" j'aurais pu la voir tout seule avant d'encombrer le forum. Mais la leçon que j'en ai retenue est de vérifier mon code HTML avant de douter. En ce sens, il s'agit bien d'une erreur de débutante. Tiens, je vais aller relire la note que tu as fait à ce sujet.
Une remise en question n'est jamais facile, il faut que j'adopte les réflexes d'un développeur : c'est un métier !