Webpage layout Div + CSS, which can be centered in IE, cannot be centered on Firefox, left
Style = "margin-left: auto; margin-Right: auto; width: 640px ;"
During the first test with Firefox, you may find thatThe frame normally displayed in
Test.html:
This Is A footer2 div This Is A P1 P This is a P2 P This Is A footer3 Div
C.css:
Div # footer2 { float: Left; background-color: # FAF; width: 200px; Height: 80px; margin: 10px; } # P1 { float:
If your table uses CSS to set the height and width, and unfortunately uses the percentage method, and you happen to have not set the height or width of TD or TD using the percentage method, then you will find that CSS is invalid!
Solution:
If
Guidance:1. Do not use position
In this case, each layer follows the HTML positioning rules. The left, right, top, and bottom positioning information is invalid, and the Z-index will not work because there is no Cascade.
2. Use absolute
If the
insert title here dimensions Main Menu main course 1 Single Main Menu single main menu single main menu single main menu single main menu Main Menu main course 2 Single Main Menu single Main Menu main course 3
Recently, I am working on an education platform website. There are several issues that have not been encountered before.First, the background image of input is resolved as follows:. Loginbtn{Width: 29px;Height: 24px;Border: 0px;/* set the border to 0
Original address http://www.jankoatwarpspeed.com/post/2008/07/27/Enhance-your-input-fields-with-simple-CSS-tricks.aspx
The wording of the first translation of technical articles should be inappropriate. We also ask readers to criticize and correct
[Haslayout trigger method] To implement transparency, HTML elements in IE must have layout. Such elements have the readable attribute haslayout and its value is true. The details are as follows:
body,img,table,tr,th,tdAnd other
CSS is an amazing technology. When I used it for the first time, I thought it was something I could not dream of. With the introduction of css3, rounded corners and shadows, rotation and other technologies bring CSS to an unprecedented height.
This book does not seem very rigorous in some places. It may be a small mistake. It is not recommended for beginners to choose it. It is not too late to look at it with the foundation.
From the principle of the "CSS authoritative guide" to the
Original article address: YouCocould display CSS/html errors as warnings or as errors
In vs2008, a cool function can be provided to downgrade the display as any warning error. This function is very useful, it allows you to differentiate between
1. Some background images used on the page. If they are small images, they should be merged into an image and then set the background image position through background-position.
The benefits of doing so are:
A. The size of an image is smaller
nav first column of the four columns the second column of the four columns third column of the four columns fourth column of the four columns nav This is the first column of the Five columns This is the second column of
CSS-body background gradient CSS 1. Gradient body from top to bottom {filter: progid: DXImageTransform. microsoft. gradient (gradienttype = 0, startcolorstr = # ffffff, endcolorstr = #000000);} 2. Gradient body from top left to bottom right {filter:
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service