Плавающая проблема с CSS [закрыто

StackOverflow https://stackoverflow.com/questions/7327920

  •  27-10-2019
  •  | 
  •  

Вопрос

это моя проблема:

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

Скриншот: enter image description here

Кажется, я просто не могу понять это.

 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 }
Это было полезно?

Решение

Используйте Float: оставленный на вашем изображении.

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

Ваш #ip-wrapper в настоящее время пытается плавать справа от чего-то, что является встроенным объектом. Вот что вызывает у вас проблемы.

Другие советы

Вы используете HTML5 header тег, который старый браузер не будет обращаться должным образом, используйте <div class="header"> Если вы хотите поддержать старые версии. Может захотеть потерять nav а также footer также.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top