treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Forums

Illustration by Nick Sirotich

[Solved] firefox margin problem

  • havana7
    Permalink to comment #

    Can someone solve this problem:

    http://www.pietrocarlopellegrini.it/nuovo/index.php?option=com_k2&view=item&id=2&Itemid=241&lang=it

    on this page i have a perfect menu alignment in IE and Chrome but in firefox 17 two voices (studio and progetti) are a little over.

    i have found ,for other three voices, that if i put in css of theyr joomla module /* main UL container */ { margin-top: -2px;

    }

    it's ok for Firefox but now not for other browsers. is there a way to solve that?

  • Paulie_D
    Permalink to comment #

    If it's only a couple of pixels then I wouldn't worry about it.

    It's very unlikely that users would use two browsers to visit a site and even if they did they aren't likely to spot the difference AND even if they did see a difference...they wouldn't care.

    However, if it means that much, I suggest using normalize.css or a reset.

  • havana7
    Permalink to comment #

    thnx i tried with normalized.css but didn't work.

    I simply need that if browser is forefox margin-top: 2px; has to be written inside the code down here

    #<?php echo $module->containerinstanceid; ?> dl.level<?php echo $i ?> .inner{
display: block;
padding: <?php echo OfflajnValueParser::parseUnit($params->get('level'.$i.'padding'),' ') ?>;
margin: 0 6px;}

    ok solved with a php statement where it recognises the browser

Add a Comment