2011年9月7日星期三

The second image goes to Tera Online Gold the next line

  Their idea is to place 4 images on each line, but after the first frame of the second image goes to Tera Online Gold the next line. I must admit in the past, I used to use negative values ​​to adjust my images, so the second image appear next to the first use of the left, right, up, down property. I even considered using tables, but chose to use negative values ​​instead. There is nothing wrong with using the property of the negative margin, but not when there is a better option for those with floats. If you use the float to these images so they line up on one line, so you can continue to add more images by using the float property and you would not have to worry if they are aligned or not because they float property recognize there are too many elements on this line and it will push the images to the next line.

  But what happens if you use floats for layout of the site, div, and not just their images. There are two main questions you have floating. Let's say you have three parts. Parent1 (container main site), Child1 (left panel), and Child2 (content area). Parent1 is the main container div, and your task is to float the child div side by side as the left-hand navigation area and content area on the right. Sounds great. You can set the height and the machine parent1, and was created on child1 and child2 height of the car.
  But once opened and viewed in a web height of the parent element is only 1 or 2pixels height, the children seem to look like they are floating above the primary container and the container does not appear to recognize the height of div. (See link to the test). Do not worry, here is a simple solution to it. Add overflow: auto; for the CSS of the parent container and automatically recognize the fleet and increase in height so it seems that the floats are part of the parent container as you wanted. Go all in one line. But remember that there is still a problem Float.

  The second issue is a cross browser compatibility issues with tanks, but still important. If you try to float on its own: the images of three left and use the margin property, so sometimes the first container fleet will double Tera Gold margins in Internet Explorer. Welcome to the float Peekaboo Bug / IE Float Margin Bug doubled. It is true that if you tried to float an element and use all kinds of margins, so you'll see that it will double the margin in IE. I'm sure there are decent hacks, but there's an easy way to fix this in CSS. The Killer Marge float.

Relation articles:
http://gametera.blogspot.com/2011/09/it-is-more-important-that-you-tera-gold.html
http://teragold123.journalspace.com/be-positioned-tera-money-for-left-or-right-of-murmur/

没有评论:

发表评论