9 replies to this topic

[glynt]

Hi all, I have added the following custom CSS: .home #pagelines_content { margin-top: -25px !important; margin-bottom: -20px !important; margin-left: -10px !important; margin-right: -10px !important; } The bottom margin value seems to differ in its effects depending on browser. It is right where I want it to be in Safari, slightly different in Chrome and way out in Firefox. The other commands seem to work fine across all browsers. Website is: www.benidorm-selections.com theme is PlatformPro. Many thanks for any ideas!! Glyn

[catrina]

In Firefox, is the bottom margin space too large or too little?

[glynt]

Hi Catrina, It's too large by a long way in Firefox. Slightly too large in Chrome, and just right in Safari.... Thanks, Glyn

[catrina]

I think this topic on margin difference between browsers is insightful: http://support.westc...space-different

[glynt]

Hi Catrina, Thanks, but I'm not sure it helps much (unless I'm missing something...) All margins are fine apart from the bottom one, and the code included in the article for don't seem to give me any more options... Thanks, Glyn

[catrina]

Have you already tried adjusting the top margin for the content below the content you've adjusted?

[glynt]

It's a row of boxes so I've had a quick stab at it with a few bits of code that I've found on the forum, along the lines of: #fbox .content {margin-top: -10px} but haven't got anywhere. Do you know the correct code? thanks,

[kastelic]

Okay this is actually the code that is causing the issue. The problem, i think, is that different browsers calculate

 em

relative to different elements.

 .fpost {
	    margin-bottom: 1.6em;
	}

So if you add this:

 .fpost {
	    margin-bottom: 0px !important;
	}

it will cancel out that margin, and you can get rid of the negative margin you were putting on the bottom of

 #pagelines_content

.

[glynt]

Brilliant, that's worked perfectly! Thanks very much!

[Simon_P]

Its actually possible target specific browsers within wordpress