Welcome to WebmasterWorld Guest from 220.127.116.11
Forum Moderators: not2easy
Solution: Test your page in as many browsers as possible. Hide CSS that causes issues in a certain browser should be hidden from it, or removed entirely.
2) Your page is perfect in IE, but you can't seem to make it work in other browsers.
Solution: Make sure it works in other browsers first. Then it's easier to make it work in IE as well.
3) Your page is perfect in browser A, but sucks in browser B. When fixed to work in browser B, it sucks in browser A.
Solution: Usually this happens for one of two reasons.
a) You have designed your site to be pixel perfect. Since "perfection" relies 100% on all browsers implementing the same level of standard conformance it is bound to fail.
b) You are using buggy or highly advanced CSS properties. The problem, again, is that all browsers are at different levels of standard conformance.
4) You think that CSS is too complicated, and that it leads to more code than plain HTML does.
Solution: Stop thinking about layout and looks. First concentrate on content. Start with a simple page, logically formed with DIVs, paragraphs, and headings. Add text! Not until then are you ready to structure the page graphically. And, then you also have a better overview of what can be done.
5) Your style sheet is bloated.
Solution: Usually the problem is a wrong approach, as described under #4. But, it could also be the simple fact that you define styles for every single element on the page.
Start by defining styles for the BODY. Save. Test in the browser. Make one change. Save. Test again. Make another change. Save. Test again...
Also, if several elements need the same styles. Give them a class name to which you apply styles. If a single element needs spcific styles, give it a unique ID to which styles are applied.
If an element looks ok without any additional styles applied to it - leave it be!
6) You think that CSS is difficult to update
First, make sure you have followed the above-mentioned suggestions. Then organize your style sheet alphabetically as well as grouping general rules, IDs, and classes separately. Finally, move it to an external style sheet, which you can then use for every single page on your site.
7) You continously encounter problems and want to give up
Solution: First of all, this is normal. Do you remember when you were trying to take your first steps? Probably not, but I know you didn't give up!
Second, add [webmasterworld.com...] to your bookmarks. We are here to help you, and we will help you. Of course, we want you to try solving it on your own first. But, if nothing else helps - this is the place!
There is no way you can get a pixel perfect layout. Use whitespace to your advantage. Make your page flexible so that elements won't collide when the resolution is switched. Or if they do, make sure that vital information is still visible.