Master:
# 1    debug a css file                  
luke1
Online no
State 453
Grouping Super Admin
Class class4
Score 250
Wealth 62
Posts 230
Login 07:37:57
sometimes, you may just have a small problem in css file, but your whole page will not work properly.

For example, you have this css:

#top{{width:300px;height:50px;overflow:auto}

You have an extra { before width. In IE, it still work, but in Firefox, all css after this #top will not work. You are hard to find the small {.

So I advise that we need to use a smart way to debug the css file. You write a simple css, e.g. .red(font-color:#FF0000;font-size:20px) then you place a div in web page

Now you try to insert the .red(font-color:#FF0000;font-size:20px) in the middle postion of css file to see if the red work, if it does not work, then insert .red(font-color:#FF0000;font-size:20px) to 1/4 postion of css file, and so on, until you find it works, then move .red(font-color:#FF0000;font-size:20px) down line by line, you will find the ugly { !!!
Hits: 186, Date: 2009-07-08 05:33:35
[Agree] ( 14 ) [Against] ( 14 )

1 - 1 [ 1]

Reply: debug a css file

*First line:


More content:


Tags:



Hint: You cannot post here before loginLogin | Register

nothing