View Full Version : Help With IE Positioning Please

12-21-2006, 03:47 PM
Hey guys,

Right, my page http://www.ahallicks.co.uk/newpage.php has a guitar that needs to be floated on top of the scroll bar on the content pages. I have created a transparent .gif to do this and have relatively positioned it to get it where I want.

In IE (6), as you will see when you click it, a large gap appears where the div is placed for the element that has been positioned, but I can still position the image correctly.

I was wondering how I can get rid of this stupid big white gap?


CSS for image:

#content {
background-image: url(images/content.jpg);
width: 492px;
height: 285px;

.content {
color: #000000;
padding-top: 10px;
padding-left: 10px;
width: 400px;
height: 270px;
overflow-y: scroll;

#overguitar {
position: relative;
background-image: url(images/over_guitar.gif);
width: 136px;
height: 155px;
top: 401px;
left: 608px;

12-22-2006, 09:14 AM
I've been playing around with the display: properties and found that display: inline; puts the page where I want it to be but the actualy image doesn't show up anymore!

Why does IE place the div where I put it but move the actual image to the relative position I've chosen? Firefox moves the actual div to where I've placed it and puts it over the top, but IE leaves the div where I put it and moves the element in the div, hence the big white gap :(

12-22-2006, 11:17 AM
And, just wondering... is there a conditional statement that parses a specific style to JUST Firefox? The reason I ask is because I want a valid stylesheet but it doesn't seem to like overflow-y and opacity, so I want to put that in it's own stylesheet and incorporate it as a conditional statement. I have something like this (which doesn't work as of yet):

<!--[if FF]>
<style type="text/css">
@import url(resources/ff-style.css");