Question

est mon problème:

http://dl.dropbox.com /u/31659128/buildworx/site-v2/project/index.html

capture d'écran: entrer image description ici

Il me semble juste ne peut pas obtenir ce droit flottaient.

 header, nav { margin: 0 auto 30px auto; width: 960px; }

header #ip-wrapper { float: right; width: 375px; }
header #ip-wrapper .ip-wrap { background: #636363; background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 0%,rgba(58, 58, 58, 1) 100%); margin: 10px 0; border-radius: 20px 5px 5px 20px }
header #ip-wrapper .ip-wrap .ip-name { background: #e5e5e5; background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(229,229,229,1) 100%); display: inline-block; padding: 10px 12px; border-radius: 5px 0 0 5px; margin: 0 10px 0 0 }
Était-ce utile?

La solution

Utiliser float:. À gauche sur l'image

<img src="images/logo.png" alt="bw" style="float: left;">

Votre # ip-wrapper est en train d'essayer de flotter à droite de quelque chose qui est un objet en ligne. C'est ce qui vous cause problème.

Autres conseils

Vous utilisez la balise HTML5 header qui navigateur plus ne sera pas gérer correctement, utilisez un <div class="header"> si vous voulez soutenir les anciennes versions. Pourrait perdre le voulez aswell nav et footer.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top