Firefox adds bottom margin, IE works fine

[watcher]

Hi there,

i searched the web and tried different techniques to solve this, but to no avail, although it seems to be quite simple issue:

The website is splitted into 2 frames: menu and content. FF seems to add few pixels bottom margin to menu-frame, where IE displays it without bottom-margin (correctly).

Please have a look at the example:

http://www.flashprojects.sk/4others/margin_problems/index.html
I am not really experienced HTML/CSS coder, and will appreciate any feedback You give me :)
Thanks

[nathan99]

dont use frames. Use Divs

[simplistik]

ummm... aside from the fact you shouldn't use frames when not needed...

in you mainframe code here it says


<frame name="top" src="index_files/top.html">


add


scrolling="no"




<frame name="top" src="index_files/top.html" scrolling="no">

[watcher]

simplistik: thanks, but its scrollable with mousewheel once u click on it..

Can you guys tell me how can I target specific DIV from Flash menu? I know that targeting frames is done using
getURL("url", target="frame_name"); but know nothing about targetting DIVs.. [perhaps using their id?]

Thanks

[simplistik]

simplistik: thanks, but its scrollable with mousewheel once u click on it..

Can you guys tell me how can I target specific DIV from Flash menu? I know that targeting frames is done using
getURL("url", target="frame_name"); but know nothing about targetting DIVs.. [perhaps using their id?]

Thanks
Oh... then in your top.html. In your CSS add...


body { overflow: hidden; }

[watcher]

Oh... then in your top.html. In your CSS add...


body { overflow: hidden; }
Darn I tried but it still scrolls.. that's weird because it really seems like it should not [when i am looking at the behaviour of overflow prop.]. Anyways.. You can see for yourself, just refresh the example url ..

Thanks for helping though, i really apprecciate this.

[simplistik]

Hmmnn... well... doesn't seem to be doing that to me. But also I'm on a Mac... normally that wouldn't make a difference but who knows. I guess try...

body, html { margin: 0px; padding: 0px; border: 0px; overflow: hidden; }
if that still doesn't work try

body, html { margin: 0px; padding: 0px; border: 0px; overflow: hidden; }
object { padding: 0px; margin: 0px; overflow: hidden; }
div { padding: 0px; margin: 0px; overflow: hidden; }

[watcher]

simplistik: :D doesn't work in Firefox 1.0.7 for WinDos, thanks for guesses though.

Also good to know it does work on MACs :)

Okey, until i get to know how to target DIVs from Flash, i'll just use your noscroll, since it at least hides that scrollbar from side, .. or increase the margin of the frame flash-menu resides in :S and add some background gradient into the bottom so that it looks a bit better.

Different browsers.. different behaviour.. yuck! :P