A typical problem is the following: when a user has the viewport at a size that makes the outer container 999 pixels wide, if the first column is 60% and the second is 40%, IE 6 will always calculate the two columns as 600 and 400 pixels and as a result, the two will not fit (600+400 = 1 more than 999) and it will drop the second column. This is obviously not intended behavior, and in a world where we still have to use floats for columns (I can't wait for display:table support across all browsers), it's important to work around this problem. I used to give my last column 1 less percent (in this example, it would have 39% instead of 40%, but this would usually result in columns that don't quite fill up the container. Of late I have been giving the last column .4 less percent (in this example, 39.6%), which seems to work perfectly. Browsers will calculate this width and round up, but it will still fit even with an odd container width like 999px and I won't have to worry about dropped columns.
Jungle Jar on 18 Feb 09In this article I'll feature four CSS 2.1/XHTML 1.0 based templates created by me. These templates adhere to current web standards and validate as such by the w3.org. I'll also teach you exactly how I created these website frameworks. This tutorial would be great for someone who would like a quick and easy way to introduce themselves to CSS/XHTML with the focus being on typical website layouts.
blogging4you on 14 Apr 23nice site https://the-online.com/ to register $1 domain names
websolutions123 on 23 Jun 23This will be very helpful for web developers. nice information. if you want develop your website visit https://www.webdesign.123coimbatore.com/web-development-in-coimbatore.php
