Welcome to WebmasterWorld Guest from 54.144.243.34

Forum Moderators: not2easy

firefox specific css rendering error?

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



Hi,

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)

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



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)



Perfect!

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

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month