Float:left is making the fusion-menu not work

HTML & CSS
1

Hi I just added a float:left tag on a module on my page to get the logo left justified. Now the menu works in IE but not Chrome (http://nationtalk.us/content). Any advice? Here’s the code:

<?php /** Begin Top / if ($gantry->countModules(‘top’)) : ?>
<div id=“rt-top” style=“float: left;”>
<div class=“rt-container”>
<div class=“rt-section-surround”>
<div class=“rt-row-surround”>
<?php echo $gantry->displayModules(‘top’,‘standard’,‘standard’); ?>
<div class=“clear”></div>
</div>
</div>
</div>
</div>
<?php / End Top **/ endif; ?>

Thank you!

2

Hi intellihance. Welcome to the forums. :slight_smile:

It’s not really clear what you are trying to do here. Could you explain in a bit more detail?

3

I’m trying to make the top module in my webpage left justified, to the edge of the page - I’m using Joomla. You can see the problem at http://nationtalk.us/content/, I took the code out because when I put in the float:left code the module moved to the left perfectly but then the menu didn’t work at all in Chrome…

4

intellihance,

This is not a good place to use the overflow:hidden property because the page no longer triggers scroll bars.

I suggest that you delete it and reconsider your layout strategy.


#rt-page-surround {
    [color=red]overflow: hidden;[/color]    /* DELETE ME FOREVER */
}
5

I still don’t really understand the question, but if you want to get rid of the space on the left next to the flag and has just that part move over to the left (to span the whole browser window) while the rest of the page remains centered with space on each side, you’ll need to place a wrapper around everything except that header, and set that wrapper to width: 960px; margin: 0 auto. Then you can leave the header at full width and remove the above code from that.