CSS позиционирование - выглядит правильно, но выполняет забавно

Question

Сайт находится по адресу: http://www.imvu -e.com / products / sro /

здесь файл css: http://www.imvu -e.com / files / style.css

Мне нравится, где находится div для загрузки и логотип, но по какой-то причине текст на веб-странице выглядит странноэтот firebug не будет проверять правильно (например, скачать div там, где его нет).Я почти уверен, что это связано с моим плохо закодированным CSS, где у div содержимого нет float, у логотипа есть float: right, а затем у загрузки div есть clear: right florat: right, а затем я использую top: для позиционирования в соответствии с логотипом,Логотип и панель загрузки также «позиционируются» с полями ... смеется.Я ненавижу CSS.

Answer 1

Это ваш бедный CSS.У вас есть top: -70px; на #download, который перемещает его на ту же высоту, что и #logo, но перенос текста игнорирует это.

Answer 2

Это должно привести вас к общему направлению того, что вы хотите:

1) Переместите h1 в вашем источнике, чтобы оно было до ваших всплывающих "download" и "logo".

2) Удалите clear: right и top: -70px в разделе "загрузка" и измените margin-right примерно на 30px

3) Установите margin-top: -30px (или около того) для "логотип "

Answer 3

Ваша проблема связана с «ясно: право;позиция: относительная;верх: -xxx;»изображения «Загрузка» .... когда вы перемещаете это изображение вручную, пространство, которое вы видите после строки «Silent Room Observer», - это то место, куда будет помещаться изображение «Загрузка», если вы уберетеотносительное ';

решение scotts должно работать ... помните, что когда ваш класс css становится сложным и запутанным ... это обычно и есть лучший и более простой способ сделать это :)