In the company to promote Web Standards and thoroughly transform the original workflow and ideas, layout content skin basically three-layer elements.
I usually define the font properties of Body (or Div), the problem appears in IE (Non IE normal) ~
1. When you meet the form of complex form, the DIV will be large;
2. When defining the HEIGHT value (total value) of the DIV is less than 12px (such as some decorative background pictures only 5-10px high), DIV will also be large;
The first question is very good to solve: Define Form's Margin: 0px; Padding: 0px; property can be or
The second question previously thought it was the issue of IE because it was normal in other non-IE browsers.
But today I suddenly thought of using Table to do a few pixels high repeating background, it was deleted with my TD's space symbol, the culprit is the default character size occupied a height, trying to set the property font-size: 0px; regardless of the height value How small ~ will not be strong ~
There are other small problems that are also worth thinking ~ For example, "li" background-image or pros and residue of List-style-image properties. We will encounter in practice ~
The beauty of the reconstruction - the coming of the website standardization design (the next day, almost give up)
Through some discussion, IE 15px high bug issues such as DIV, thank NO3 and Cloudchen give a good solution:
1, set up line-height, example: xx {line-height: 1px;}
2, set Overflow, Example: XX {Overflow: hidden; height: 1px}
Personally, Line-Height is very intuitive and simple, Overflow needs to be understood.
Oh ... I am really depressed!
In addition, setting font-size does not solve the problem, very simple, you use this way to draw a 1px background line to see, no, minimum is 2px.
And your style is too uncleary, help you, let you see:
#headerline {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; Background: URL (2005_bar.gif); width: 100%; Height: 1px;}
Equivalent
#headerline {margin: 0; padding: 0; Background: URL (2005_bar.gif); height: 1px;}
Look, almost half of it, if you put it in whole, or even margin and padding may not be used. Finally, add an overflow: hidden; 100% of Width and 0 Border do not need to be written.
