изображение не плавает должным образом в Chrome

Question

На этом сайте> http://upcycledonline.com/test/Site/defaultUpCyc.html, когда я смотрю его в Chrome, изображение rightEdge выглядит так, будто оно чем-то оттолкнуто.Я несколько раз переставлял код и безуспешно пробовал изображение в разных местах.Помогите, пожалуйста!

Должен ли я бросить его в div и попытаться заставить что-то сделать таким образом?

Answer 1

Вы можете изменить разметку? Если так, сделайте это:

<div id="header" style="overflow:auto">...</div>
<img src="leftEdge.png" style="float: left;">
<div style="float:left;">
    <img src="topEdge.png" style="float: left;">
    <div id="content">...</div>
    <img src="bottomEdge.png" style="float: left;">
</div>
<img src="rightEdge.png" style="float: left;">

Обратите внимание, что:

1. Ничто внутри нового плавающего div не должно быть само по себе плавающим.

2. Вам нужно это переполнение: auto в заголовке

3. Вам придется настроить высоту содержимого div