Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

firefox specific css rendering error?

2:56 pm on Feb 23, 2011 (gmt 0)

New User

5+ Year Member

joined:Feb 23, 2011
votes: 0


For this website [leidenhoven.nl] I edited a commercial Joomla template Css. I have very little experience with Css and basically I took a trial and error approach to get the content and modules to display properly.

After testing I found that Firefox doesn't render the top image rotator module in the correct position. I've tried many other browsers on different platforms, and the problem is specific to Firefox. I have tried to do some css tweaking with Firebug, to the effect that any adjustments for Firefox results in incorrect rendition on all other browsers.

Any help would be very much appreciated!

[edited by: jonameijers at 3:39 pm (utc) on Feb 23, 2011]

3:27 pm on Feb 23, 2011 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 17, 2005
votes: 14

Welcome to WebmasterWorld!

Try adding clear: both; to your #rt-subnavigation .rt-block styles. Your #rt-logoblock element is floated left, and the contents above the image rotator aren't tall enough in Firefox to cause the top of the .rt-block to start below the floated element.
4:08 pm on Feb 23, 2011 (gmt 0)

New User

5+ Year Member

joined:Feb 23, 2011
votes: 0


Thank you very much for the quick reply! After adding the clear:both; line to rt-block Firefox now displays the module correctly!

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members