Float Left et Float Right

Question

Je suis en train de modifier un site Web et j'ai rencontré des problèmes avec ma barre de navigation et le contenu principal qui s'affichent directement les uns au-dessus des autres.

Vous pouvez le voir ici: http://kennedys.williamoconnor.me/

Quelqu'un sait-il ce que dans mon CSS je peux changer pour avoir le contenu apparaît à côté les uns des autres? Je crois qu'il est laissé à gauche sur l'ID #left et float à droite sur l'ID #content

J'ai deux ID dans mon #wrapper et je n'arrive pas à les faire apparaître correctement.

Merci!

Answer 1

Supprimer les marges de #contentwrap

Answer 2

Il y a deux solutions:

1) Retirez la marge supérieure, et de réduire la marge de gauche à 20px

#contentwrap { 
    margin: 0 0 0 20px; 
} 

2) Retirez toutes les marges et faire #contentwrap float: right (exemple http://i.imgur.com/VpLORSj.png)

#contentwrap { 
    margin: 0; 
    float: right; 
} 

La première option est meilleure dans de nombreux cas, surtout si vous voulez changer la largeur ou les marges entre les divs.