Aide flottements HTML/ CSS (débutant)

[Khepra]

Bonjour, je suis actuellement en formation pour devenir deveeloppeur web et je suis bloqué sur un exercice. J'ai un header long de 990px en haut avec en dessous deux colonnes don't une de 630px et une de 300px et enfin en dessous un footer de 990 px de long. Meme en utilisant un float : left suivi d'un clear : both je n'arrive pas a mettre les deux colonnes à côtés... Des suggestions?
-----

[umfred]

il faut une colonne à droite et une colonne à gauche ? pourquoi tu ne dis pas à chacune où elle doit être ? (tu sembles uniquement dire à celle de gauche d'aller à gauche d'après ce que tu dis, faute de code)

[Ikhar84]

Display: flex...

Edit :
L'exercice impose float ?
Qu'en est-il du nombre de conteneur ?

[thiebtikhanhan]

Bonjour,

Il semble que vous ayez un problème de disposition avec les deux colonnes sous le header de 990px. Vous avez déjà essayé l'utilisation de "float: left" pour les deux colonnes, suivi d'un "clear: both", mais cela n'a pas fonctionné.

Il existe plusieurs façons de créer une disposition à deux colonnes. Une méthode courante consiste à utiliser la propriété "display: inline-block" pour les deux colonnes, qui permet de les aligner côte à côte. Vous pouvez également essayer d'utiliser la propriété "flexbox" pour créer une disposition à deux colonnes flexible et responsive.

Voici un exemple de code qui peut vous aider à résoudre votre problème de disposition :

<header style="width: 990px;">
  <!-- Header content here -->
</header>
<div style="width: 990px;">
  <div style="display: inline-block; width: 630px;">
    <!-- First column content here -->
  </div>
  <div style="display: inline-block; width: 300px;">
    <!-- Second column content here -->
  </div>
</div>
<footer style="width: 990px;">
  <!-- Footer content here -->
</footer>

J'espère que cela vous aidera à résoudre votre problème de disposition. N'hésitez pas à me faire savoir si vous avez d'autres questions ou préoccupations.
****

[A voir en vidéo sur Futura]