Hi guys,
I have been absolutely tearing my hair out over this problem and would really appreciate some help. It's my first time using css positioning to create a website (instead of using tables) and I can get the page looking exactly as I want in IE but not in firefox. The layout is pretty simple. I've made a drop-down menu (which uses the visibility property) and this is what is causing all the trouble. The height of the table (which has the onMouseOver events to cause the drop-down) increases when viewed in firefox - which shifts everything down, making the drop-down options hard to see.
A link to the site where everything I've done can be found: <!-- m --><a class="postlink" href="http://www.networthdesign.com.au/css_problem">http://www.networthdesign.com.au/css_problem</a><!-- m -->
I'd really appreciate some help with this,
Thanks in advance,
AlexHi alex,
Add these to your style sheet and check it in fire fox...
#menu p{margin:0;}
#about p{margin:0;}
You missed out the intialisation of p element so FF is inheriting the margin..
This will solve your problem
udayYep that fixed it. Thanks a lot.<pre>this
</pre>
I have been absolutely tearing my hair out over this problem and would really appreciate some help. It's my first time using css positioning to create a website (instead of using tables) and I can get the page looking exactly as I want in IE but not in firefox. The layout is pretty simple. I've made a drop-down menu (which uses the visibility property) and this is what is causing all the trouble. The height of the table (which has the onMouseOver events to cause the drop-down) increases when viewed in firefox - which shifts everything down, making the drop-down options hard to see.
A link to the site where everything I've done can be found: <!-- m --><a class="postlink" href="http://www.networthdesign.com.au/css_problem">http://www.networthdesign.com.au/css_problem</a><!-- m -->
I'd really appreciate some help with this,
Thanks in advance,
AlexHi alex,
Add these to your style sheet and check it in fire fox...
#menu p{margin:0;}
#about p{margin:0;}
You missed out the intialisation of p element so FF is inheriting the margin..
This will solve your problem
udayYep that fixed it. Thanks a lot.<pre>this
</pre>