SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Apr 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy Float:left is making the fusion-menu not work

    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. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,592
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Hi intellihance. Welcome to the forums.

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

  3. #3
    SitePoint Member
    Join Date
    Apr 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #4
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,222
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    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.

    Code:
    #rt-page-surround {
        overflow: hidden;    /* DELETE ME FOREVER */
    }

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,592
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •