Question

I was reading how to do this,… but have not come up with a good answer for this

the thing is that, in eclipse’s internal browser this css looks weird because of the margin

#tabs {
    margin-top:-50px;
    float:left;
    font-size:100%;
    line-height:10px;
    vertical-align:top;
    }

but in firefox it works fine.. so i am tring to say something like if firefox use margin otherwise do that read the margin-top.. i saw something like this but is not working (and again new to this 🙂 ) thank you for your help

#tabs {
    [if Gecko] margin-top:-50px;   (not working)
    float:left;
    font-size:100%;
    line-height:10px;
    vertical-align:top;
    }

Answer 1

CSS has no way to detect which browser or what engine is used to render the given item. I don’t know anything about the eclipse internal browser, but standards compliant browsers should render it all roughly the same. I’d recommend using a CSS Reset to reset all default styling for all elements, which will normalize as much as possible, and go from there.