Hello Everyone.
I am new to programming and I use to have my design portfolio site hosted by WIX.
I decided to keep some of the same design elements, but I wanted to learn how to code my own site about a month and a half ago.
I used HTML5 and CSS3 to code my portfolio site, with some javascript.
It isn’t the prettiest site, semantically, but I started using the W3C Validator to check my code.
Unfortunately, when I first started coding, I only coded the CSS aesthetically for Firefox.
It’s not far off in Safari but I have positioning issues in other browsers.
What is the best option for fixing these positioning issues and such to match how it looks in Firefox?
I’m hosting through godaddy.com and I like how it looks in Firefox so I don’t want to mess that up when trying to make sure that it looks the same in other browsers.
My website is: http://www.vslateart.com.
I’m hoping I don’t have to recode the entire site.
Any suggestions?
Vince
Yes, that would be nice, wouldn’t it? Just make it work in one place and it magically works everywhere else! The panacea of programming!
Unfortunately, that’s not the world we live in. We live in a world where you need to constantly check other browsers to make sure they’re working the way you should. A world where you have to be constantly making compromises on what techniques you use because of the differences between browsers. A world where some features may need to be scrapped, or made only available for certain configurations with a graceful degradation.
Fortunately we also live in a world where you can find solutions for most of these problems through search engines like google and websites like stack exchange and caniuse.com.
Its not something anyone expects anyone else to know just jumping into things. It takes time and experience doing this stuff to get to know the idiosyncrasies of each browser. Even then, I can’t imagine anyone out there knows them all. The good news is, in general, its getting better. And if you stick to the standards (and not using anything terribly cutting edge), you’ll do pretty good.
My suggestion is to, if not already, get used to using the developer tools in firefox (and other browsers). They’re super helpful
1 Like
