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)
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;
}