Ask your WordPress questions! Pay money and get answers fast! (more info)

Browser CSS compatibility help WordPress

  • SOLVED

Hi Guys

Happily putting together a site using Chrome (mac)

Which is looking ok

http://162.144.12.218/~swo/theworkingmanagerdev.com/

But when i look at it in Firefox (mac and windows) some elements are all over the place

What do I need to be looking at to get a consistant look across the browsers please

here is a quick video to point out the differences.

http://screencast.com/t/kSD7RNANSRe

Many thanks
Steve

Answers (3)

2013-09-03

zebra webdesigns answers:

Hello Steve I have already suggested for the front page in the previous question.

Please add the following style at the end of your stylesheet and if possible make the image height as 200px using photoshop


#ez-home-middle-container .midbox {
height:460px;
}
#ez-home-middle-container .midbox h1{
text-align:center;
}

#ez-home-middle-container .midbox img{
margin:0px;
height:250px;
}

#ez-home-middle-container .midbox .topboxp{
height:100px
}


#ez-home-middle-container .midbox .button1 img,#ez-home-middle-container .midbox .button2 img,#ez-home-middle-container .midbox .button3 img{
margin:0px;
height:auto;
}
#ez-home-middle-container .midbox .button1 ,#ez-home-middle-container .midbox .button2 ,#ez-home-middle-container .midbox .button3 {
margin:0px;
float:right;
margin-right:10px;
}


zebra webdesigns comments:

Please see the screenshot.

if the center portion of the three blocks will have more text , what I suggest is give the overflow:auto option like below

#ez-home-middle-container .midbox .topboxp {
height: 100px;
overflow-y: auto;
}