Этот piece of code отлично работает на firefox. Однако со всем остальным он не работает по своему желанию. Я пытаюсь сделать X в правом верхнем углу с изображением под титра/X, как это показано на рисунке FireFox нижеFix div, чтобы сделать бар выше изображения с CSS
alt text http://oi56.tinypic.com/x0zhb6.jpg
Вы хотите, чтобы убедиться, что изображение находится под текстом и " ИКС". Для того, чтобы сделать это, вам нужно добавить DIV, который очищает пространство следующим образом:
<div style="clear:both;"></div>
Поместите этот Div под текстом и «X», и выше DIV изображения. Это гарантирует, что изображение всегда сидит ниже вашего текста без перекрытия.
В контексте первого ящика, этот код будет выглядеть так:
<div class="temp"><div class="fn">namedkfjdjfdjfsjdfijsdifjdsfdfsddsdf.jpg</div>
<div class="remove">X</div>
<div style="clear:both;"></div>
<div class="imgdiv"><img src="http://th960.photobucket.com/albums/ae89/DarkKitteh/Stuffz/th_Avatars_Funny_Cat_With_Headphones.gif"/></div></div>
Это работает :). Благодарю. Также я вижу theres много rev, прежде чем это было вам? http://jsfiddle.net/aqYbt/10/ – 2010-10-04 22:41:40
Hiya, да - я раньше не использовал jsfiddle, поэтому не знал, что это покажет вам мое мастерство :). Рад, что это сработало! – sscirrus
Очень удобно. Если вы нажмете пробег, он скрывает изменения, и вы можете нажать «Обновить», чтобы иметь более постоянную версию (которая мне нравится, поэтому я могу протестировать ее в других браузерах или не беспокоиться, если мой браузер выйдет из строя/закрыть) – 2010-10-05 01:48:05
Что значит «не работает» означает? Как это делается в другом месте? У меня нет доступа ко всем браузерам прямо сейчас, поэтому я не вижу себя. – BoltClock
@ BoltClock - Единорог: заголовок слева, а x - справа от изображения. Вместо изображения под ними оба. Это вызывает огромное пустое поле слева от изображения под текстом. Я пробовал писать float: правильно и понятно: обе безрезультатно (я havent попробовал их вместе tho). Я предполагаю, что у всех установлен IE, даже 6 (что я не так, как я на win7) – 2010-10-04 22:34:20