Version complète: sur le forum Webmaster Hub : Centrer un bloc dans un div contenant un float...
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
benjiiim
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 wink.gif [/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 :

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
Compte supprimé
un truc du genre
CODE
.right{
position: absolute;
right: 0;
background-color:yellow;
}


??
benjiiim
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
Xavier
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.
benjiiim
oki, merci.
Je vais donc abandonner et laisser l'affichage du titre comme ca.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.