Treehouse: Grow your CSS skills. Land your dream job.

firefox margin problem

  • # November 21, 2012 at 4:03 pm

    Can someone solve this problem:

    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?

    # November 21, 2012 at 5:48 pm

    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.

    # November 21, 2012 at 6:35 pm

    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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.