Float et tableau | diviser Div en deux

Bonjour,

J'ai deux questions:

1 - Peut-on utiliser "float" pour positionner un tableau sur le côté droit ou le côté gauche de la page?
Par exemple, ceci:

<table style="float:right; width: 40%;">

2 – Peut-on diviser un DIV en deux, de la même façon que les tableaux? (horizontalement)

Je parle de HTML 5 et CSS 3 bien sûr.

Merci par avance
Modifié par AM250 (21 Apr 2025 - 23:33)

Bonsoir,
1) Oui c'est une ancienne technique de positionnement. Float est plus destiné à faire couler du texte autour d'un élément que de servir à positionner dans la page.
2) Oui il existe plusieurs façon de faire. Je te recommande de te documenter sur les techniques de Flexbox et grid layout.
Exemple avec flexbox :

    <div class="container">
        <div class="enfant"></div>
        <div class="enfant"></div>
    </div>

avec le CSS suivant :

.container {
    display: flex;
}
.enfant:first-of-type {
    background-color: chocolate;
    height: 200px;
    flex-basis: 50vw;
}
.enfant:last-of-type {
    background-color:tomato;
    flex-basis: 50vw; 
}

Attention toute fois à la sémantique des balises. Un tableau est destiné à recevoir des données tabulaires, un <div> est un conteneur générique sans sémantique particulière. Ce n'est pas la même chose.
Édit : et si tu nous disais ce que tu n'as pas compris de ce qu'à expliquer gcyrillus dans un de tes sujets précédant?
https://forum.alsacreations.com/topic-2-91176-1-Aligner-un-tableau-a-gauche-en-HTML-5.html#p582309
Modifié par casper2 (22 Apr 2025 - 01:41)