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:
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; }
3 Réponses :
Ajout d'un float: laissé code> à votre
#schContainer code> devrait corriger le problème. Vous devrez peut-être avoir à
Overflow: caché code> ou une sorte de Clearfix sur votre
#Content_header code> après. P>
[link] ( Tinypic.com/r/xlgzlg/5 ) J'ai ajouté flotter: gauche, Hauteur retirée, et a également ajouté débordement: caché.
#schContainer code> veut
flotteur: gauche code> sûrement? p>
[link] ( Tinypic.com/r/xlgzlg/5 ) J'ai ajouté flotter: gauche, Hauteur retirée, et a également ajouté débordement: caché.
Je préfère utiliser J'ai ajouté un Affichage: Inline-Block Code> 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/ p>
vertical-align: haut code> afin qu'ils soient alignés correctement aussi. P>