CSS: fixing all properties of div

Web designers are used to believe that in all browsers applies following conditions:
  1. A div is rectangular.
  2. Only one corner of a div can be absolutely positioned on a page.
  3. The location of the diagonally opposing corner must be determined by the width and height of the div.
  4. If the width and height are dynamic, they must be determined using JavaScript.
What usually struck us is point number 2. It’s assumed that if you assigned top, left, bottom, and right properties that most browsers would simply ignore two of those properties. It seemed like a fair assumption at. We can expect some variation between the browsers. We also would expect all of them to ignore two of the four positions. Though, Rob Swan from A List Apart found out that rule No.2 is not exactly true. He isn’t first to find this out: see Autistic Cuckoo and css-discuss. For more about fixing all four div properties and how to overcome obstacles read Rob’s article: Conflicting Absolute Positions.
View Comments

You might also like

What’s the Best First Purchase Discount Strategy for WooCommerce Stores?

Have you ever added something to your cart, hovered over the checkout button, and then thought, “Maybe I’ll come back later”? Most online shoppers have. That moment of hesitation is where many WooCommerce store owners lose potential customers. Not because the product is bad. Not because the price is unreasonable. Often, it’s because the customer

Read More