Firefox prob
- Started
- Last post
- 15 Responses
- Cenitgrade
I'm getting an issue were firefox adds scrollbars to my inline frames. The inline frame is in a div. It works fine in Safari and Opera.
Basically i'm loading an image into it and firefox gives me a magnifying glass when I roll over the image, even though the image is of the correct size and the frame is big enough to fit the image.
It also seems to indent the image.
Any ideas?
- Llyod0
what version?
- Cenitgrade0
3.0.1
- Llyod0
I've had a shitload of problems with 3.0.1, mostly caused by avg. greasemonkey?
- Cenitgrade0
I don't really use FF that much so I have no plugins/addons installed other than a stumbleupon one.
- acescence0
can you post a link to it?
- Cenitgrade0
It's not online yet. But here's a screengrab of whats happening. and the code.
code for the div:
<div id="apDiv4">
<iframe src="" name="myiframe" width="740" height="420" frameborder="0"></iframe>
</div>and the css of the div:
#apDiv4 {
position:absolute;
left:215px;
top:250px;
width:740px;
height:420px;
z-index:7;
border: 0;
margin: 0;
padding: 0;
}the the button that call the image to load:
<a HREF='../images/images/abaltat/abaltat1.jpg' >ABALTAT</a>
- Cenitgrade0
qbn somehow eited the ast line it should read:
<a HREF='../images/images/abaltat/abaltat1.jpg'
t a r g e t='myiframe'>ABALTAT</a>I spaced that out on purpose. As I think that word is filtered here somehow.
- acescence0
what is your doctype?
maybe img has padding/margin?
maybe scrolling='no' or overflow='hidden'?
- Cenitgrade0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
I just use the standard DW default doctype.
Why does FF give me a magnifying glass when I roll over my image? It's weird. I've never seen it before.
- ETM0
If you have a magnifying glass on an image, it means that the image is scaled from its original size. Double check your image is a pixel to pixel dimension match to the div/iframe you placed it in.
- acescence0
it looks like there is space on the left of the image = img tag has padding or margin
also, capital letters in tags are invalid in xhtml
- Cenitgrade0
Thanks guys,
I had to specify the following:
<iframe src="" name="myiframe" width="740" height="420" marginwidth="0" marginheight="0" frameborder="0"></iframe>It was defaulting to adding margins.
Works now.
- Llyod0
were you using a wysiwyg?
- Llyod0
fuck when I erase browser history it doesn't erase my history from the drop down. wtf
- Llyod0
...then when I erase each one by hand they show up they next time I refresh