Hi,
I just made some changes to my site and its looks find in Firefox, but not in Chrome or on my iPhone. Is there a way to make it work on all browsers? If anyone wants to look at my html and css that would be awesome (www.eradvisor.com). Or should I post my code here?
I am very new to coding, so perhaps there is an easy fix. I’m having trouble with floating, borders, and margins I think. Thanks in
advance!
Cheers,
Mike
To me, it looks the same on iphone as on Firefox, probably because I have my browser set narrower than yours. Once the browser window is narrower than 1280px one, of the boxes in the middle drops … which is what you see on an iphone. Really, your boxes should not have a fixed width, as 1280px is too wide. But if you just want a simple fix, try adding this to your style sheet:
body > center {min-width: 1280px;}
Cant offer much help in this regard, but would like to say that your site looks great so far… Im envious 
Thanks guys! Ralph, I used your solution for now and it’s working great. Made a few changes to the site to have more CSS and text and less html and images…thanks for all the help!
I’d definitely remove the min-width from the body. It’s never a good idea to declare width on the body.
Instead, I’d wrap the content in a div for which you could set a minimum width, but here, too I’d be careful to make it as wide as you currently have. It shouldn’t be more than 960px total, but something like 900px would be even better and cater to more users without them needing to scroll horizontally to see the content.