Firefox / Chrome: Sizing Different cross browsers?

Permalink
Hi C5ers!
I'm stumped with this one, hopefully someone can help:

The three boxes on the right & the one main box
align differently between FireFox and Chrome
page:http://geminiapartments.com.au/apartments...

If I tweak the heights to match in one browser, it doesn't carry over to the other browser

Any ideas, please? Padding, font sizes?
Big thanks, I appreciate any help

 
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
Try using a reset css file to disable (reset) all browsers default css settings..
This has to load first in your header file before any other css files..
LoudLite replied on at Permalink Reply
Thanks for your reply
I've saved "Eric Meyer’s Reset CSS” and called the .css inside header.php before any other css mentions

Still seeing inconsistent layouts cross browser

It looks like a CSS Reset could be the answer, I'm not sure if it's called correctly
Any ideas? Thanks again
adajad replied on at Permalink Reply 4 Attachments
adajad
Looks the same to me, see attached images.

Perhaps you had a caching issue when you added the reset.css
LoudLite replied on at Permalink Reply
I'm trying to line up the bottom of the larger white box (on the left) and the lower box on the right

The bottom of the page (above the logo and T&Cs etc) should be in line

Thanks for looking into this for me, I appreciate any help you can give
adajad replied on at Permalink Reply
adajad
I see...

I can also see that you are using the c5 layout function, which in fact isn't that good and kind of hard to style yourself.

I would instead create a new page type and start with the styles from the beginning to have better control.
LoudLite replied on at Permalink Reply
Thanks,
There should be a way to resolve this issue (sizing not reflecting the same cross browsers). It will most likely solve other issues, +I'd love to understand how to use the CSS Reset; if that is the answer to this
Thanks


--EDIT--

UPDATE:
There was indeed a layout within a layout: moved the blocks out, deleted the inner C5 layout, moved blocks back in: aligns perfect!
+Still called CSS Reset to keep everything on point
Big thanks adajad and weyboat! Appreciated!