My website, www.TheLoveQuilt.com, is my first website that I have ever made. I am very new to this programming stuff, and I have encountered an issue that I need help with. For some reason, my site looks the way I want it to in Safari, but it only has rows of 2 boxes going across in Firefox, instead of 3 boxes that I want it to have. Can someone help me fix this issue? Any help would be greatly appreciated.
certainly errors in css. How do you build your site? maybe try another software to modify/edit your webpage.
Have who ever built this for you fix the 11 Errors, 150 warning(s) the W3C HTML Validator (validator.w3.org/) and errors (5) the W3C CSS Validator (jigsaw.w3.org/css-validator/) for you first.
Part of the problem solving process is to eliminate errors. By correcting these errors coding is eliminated as the cause and it boils down to browser interpretation of the coding or poor implementation by the designer/developer. And what drhowarddrfine said.
What I've found is that it ignores the first rule if the charset is done invalidly (this only seems to be in webkit). The charset must be the first characters/line in the CSS file. The comment above it is making this happen. Code: /* CSS Document */ @charset "UTF-8"; * { margin: 0; padding: 0; } Move the charset above the ciomment or remove the charset or rmeove the comment etc etc The reason saffy is playing along is because it has a margin/padding to space it out. So once you fix this issue with safari just give the <ul> padding-left (or margin-left)
For those with any experience, these issues are very basic corrections. Since you are NEW... The best advice has been given... Go to ==> http://validator.w3.org/ and they will tell you what the errors are. If you don't understand how to fix them, then Google for the corrections. There are enough tutorials out there to help guide you through all of the issues. Having us give you all of the answers will not help you learn. Cheers!~