Aligner les 2 Divs côté par côté

Je n'ai jamais eu un problème avec l'alignement de divs côte à côte, mais pour quelque raison, peu importe ce que je fais, il ne fonctionne tout simplement pas. J'ai essayé quelques réponses de stackoverflow mais ils n'ont pas de travail non plus. Je suis à court d'idées.

Ce que j'ai sont les 2 divs. 1 div "contenu" - il a toutes les principales infos affichées dans un tableau. Deuxième div est "encadré" - il a juste des supplémentaires des ordures comme des images, des flux twitter etc.

C'est mon CSS

#content {
width: 580px;
height:auto;
}     

#sidebar {
width: 270px;
height:auto;
float:right;

}

J'ai essayé de jouer avec le positionnement, les marges, contenant les 2 divs dans un autre - wrapper - un, mais il ne fonctionne pas, ou en crée un autre problème. C'est marrant, je suis re-écriture de mon ancien site et même si je copie les vieux attributs cela ne fonctionne toujours pas. Quelqu'un a une idée?

CHACUN A LE DROIT DE RIRES! LOL

SOLUTION:
Supprimer la div #claire qui j'ai totalement oublié! Quel muppet. 😛 Maintenant je me sens stupide. 😛

Vous avez probablement ajouter au moins une partie du béton html que vous utilisez. Sans c'est vraiment juste deviner.
double possible de Comment flotteur 3 divs côte à côte à l'aide de CSS
C'est une chose commune recherche de mots clés dans google & pile, vous aurez perdu de réponses

OriginalL'auteur Vetaxili | 2012-03-13

  1. 1

    De répondre d'une manière appropriée, j'ai besoin de voir plus que deux CSS id, comme la page HTML et le CSS, mais je l'ai fait:

    JSFiddle

    Et peut-être pourrait vous aider.

    OriginalL'auteur Zuazua

  2. 1

    Utilisation float : left, voici un exemple simple illustrant l'utilisation de flotteurs.

    DÉMO

    De prendre votre cas, cette css devrais faire l'affaire

    #content {
    float : left;
    width: 580px;
    height:auto;
}     
#sidebar {
    float : left;
    width: 270px;
    height:auto;
    float:right;

}

    À condition d'avoir un conteneur avec une largeur plus grande que la somme des largeurs des #sidebar et la #content éléments. Si la largeur du conteneur est moindre, l'un apparaît en dessous de l'autre comme montré dans la démo.

    OriginalL'auteur Ashwin Krishnamurthy