Problema de CSS flotante [cerrado
Pregunta
este es mi problema:
http://dl.dropbox.com/u/31659128/buildworx/site-v2/project/index.html
captura de pantalla:
Parece que no puedo obtener esto flotado correctamente.
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 }
Solución
Use Float: Izquierda en su imagen.
<img src="images/logo.png" alt="bw" style="float: left;">
Su #IP-Wrapper está tratando de flotar a la derecha de algo que es un objeto en línea. Eso es lo que te está causando un problema.
Otros consejos
Estás usando el HTML5 header
etiqueta que el navegador más antiguo no manejará correctamente, use un <div class="header">
Si desea apoyar las versiones anteriores. Podría querer perder el nav
y footer
también.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow