6
votes

Deuxième Div ne s'alignera pas, est poussé vers le bas

Je cherche partout et j'ai essayé tout ce que je pouvais, mais je ne peux pas faire mon deuxième div. Voir le code ci-dessous:

image sur tinypic.com p>

Comme vous pouvez le constater, j'ai ajouté une bordure blanche afin que nous puissions voir la taille exacte. Le problème ici est avec les boutons de médias sociaux divient à droite. p>

Voici le HTML: P>

#content_header{
    float:left;
    overflow:hidden;
    width:100%;
    background-color:#333333;
    border-bottom: 1px solid #999999;
    -webkit-box-shadow: 0 0 3px 0 #000;
    -moz-box-shadow: 0 0 3px 0 #000;
    box-shadow: 0 0 3px 0 #000;
    padding: 10px 10px 10px 10px;
}


0 commentaires

3 Réponses :


0
votes

Ajout d'un float: laissé à votre #schContainer devrait corriger le problème. Vous devrez peut-être avoir à Overflow: caché ou une sorte de Clearfix sur votre #Content_header après.


1 commentaires

[link] ( Tinypic.com/r/xlgzlg/5 ) J'ai ajouté flotter: gauche, Hauteur retirée, et a également ajouté débordement: caché.



0
votes

#schContainer veut flotteur: gauche sûrement?


1 commentaires

[link] ( Tinypic.com/r/xlgzlg/5 ) J'ai ajouté flotter: gauche, Hauteur retirée, et a également ajouté débordement: caché.



12
votes

Je préfère utiliser Affichage: Inline-Block par opposition à des flotteurs lorsque cela est possible et semble maintenant être l'un de ces temps. Remplacer les flotteurs avec ceux-ci sur les deux divs principaux devraient faire le tour. Vos images TinyyCic ne fonctionnent pas pour moi, mais essayez ce Jsfiddle et voyez s'il produisent les résultats que vous recherchez. http://jsfiddle.net/k96bu/

J'ai ajouté un vertical-align: haut afin qu'ils soient alignés correctement aussi.


0 commentaires