Aller au contenu

Centrer un bloc dans un div contenant un float...


Sujets conseillés

Posté (modifié)

Bonjour,

Je pense qu'un screenshot sera plus efficace qu'une longue explication :

http://floriandubois.free.fr/capture.png

[edit moderateur] si on pouvait s'éviter des images aussi larges et aussi lourdes affichées directement dans le message, ce serait sympa, merci ;) [/edit]

En fait j'aimerai que le premier titre soit aligné sur toute la page, que l'alignement ne tienne pas en compte du float, est-ce que c'est possible ?

Voici le code :

<html>
<head>

<style>
.contenu{
text-align: center;
background-color:blue;
}

.right{
float:right;
background-color:yellow;

}
</style>

</head>
<body>

<div class="contenu">


<div class="right">
 float à droite<br/>en dessous
</div>


<h1>Titre 1 (centré)</h1>
<h1>Titre 2 (centré)</h1>

</div>

</body>
</html>

Merci de votre aide

Ben

Modifié par Dudu
Posté

En effet, cela règle le "problème" du centrage. Mais malheuresement, je perds tous les avantages du float...

N'y aurait il pas une solution en gardant le float ? Mais j'ai peur que la réponse soit non a cause de la definition d'un float...

Merci

Posté

Effectivement, le float fait que le contenu s'écoule autour, donc la largeur est effectivement plus petite.

Si le float a une largeur fixe, tu peux mettre un padding sur ton deuxième h1. Ça marchera dans l'exemple présenté. Mais peut-être pas toujours.

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...