2 browser compatibilty issues

[tanel96]

1.) I'm using an <iframe> element... and i need the vertical scrollbar, but for some weird reason firefox also adds a horizontal bar... how on earth to get rid of that ? I tried googling it, but got no ideas.

2.) my css looks like this:



html, body {
margin-left: 4px;
margin-top: 4px;
margin-right: 4px;
margin-bottom: 4px;
}


the problem is that it displays a correct 4px margin in IE6, but a 6px margin in FireFox 1.5.0.4... why is it larger in firefox and how to lose the 2 extra pixels ?

[RabBell]

try adding padding: 0px;

2px is the default for some browsers, let us know if that works

[tanel96]

i'm sorry but it doesn't work... i searched the web and there are endless amounts of similar topics... they all say it's one of firefox's bugs...

when i tried different margins i noticed that in IE the margin is always correct BUT in firefox... it's always twice the size delcared...

Any ideas ?

[simplistik]

overflow: auto;

[tanel96]

nope.... still the same... twice as large in firefox

[RabBell]

try this



<style>
html, body {
margin-left: 2px;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
}
</style>
<!--[if IE]>
<style>
html, body {
margin-left: 4px;
margin-top: 4px;
margin-right: 4px;
margin-bottom: 4px;
}
</style>
<![endif]-->


not ideal but should work, again let us know how it goes

[icio]

I've never come up with the bug that you're talking about. If you change your structure I bet the problem goes away.

I always think that half of the bugs people come across are because they're using CSS and xHTML in a less-than efficient way. I never deal with any bugs, other than the padding and border not adding to widths in IE, and I think it's because I don't have any stupid stuff in my xHTML.

So check if you can make it better ;)

[tanel96]

i was trying out all sorts of things, and i finally got the margin differences solved, when i set in the CSS file html, body {width:97%;} and that was it:

i was having trouble removing the horizontal scrollbar that IE places in iframes and stumbled across this thread http://www.ahfb2000.com/webmaster_help_desk/showpost.php?p=19563&postcount=5 <- but actually none of those workarounds helped... so i just read somewhere that changing the page width might help, and it did.