I know, it’s massively long title, but I thought I’d fix too issues with 1 post as they both have the identical solution. The main one is when creating some sites recently they were fairly short designs and bizarrely the CSS background color didn’t fill the window. This was puzzling, but I did find a solution. The other issue is when you’re trying to make a div to stretch to fill a window, it doesn’t like to do it, the solution for this is the same as the other issue.
Archive for the ‘CSS’ Category
-
Multiple CSS classes on the same element
This one is pretty obvious to most CSS developers but it’s not actually used that widely on a lot of websites. It is really easy to apply multiple CSS classes to an element allowing you to mix and match various classes on elements. One instance I find it handy is when I have elements that require the same CSS as another element but simple things like the background color is different. Adding a second class to the element means I don’t need to re-write the class with an alternate color, I can just create an additional class to set the background color.
-
IE transparency/opacity issues.
Recently I came across some issues with Internet Explorers transparency. When I applied transparency to a div on one of my sites with the IE CSS it didn’t apply any transparency. There was no problems with the code, it was all correct, IE just didn’t want to apply the transparency.
-
New version of gzip for Javascript & CSS now available
I’ve released version 1.1.1 of my gzip php script for Javascript and CSS which is a minor updates and adds a few handy new features. You can get the latest version of the script here. You can read the release notes here.
-
Gzip compression script for javascript and CSS updated
Today I’ve updated my gzip compression for javascript and CSS script to fix a security flaw. If you’re using V1.0 I advise you update to V1.1 which is available here. You can read the release notes here.
-
Small height divs in Internet Explorer
If you want to make a div of a height smaller then around 10px, often in Internet Explorer will not make the div any smaller than around 12px. This is a real pain if you want to use div’s to create lines and various other things. Thankfully I’m here to tell you how to get around this problem.
-
Cross browser table cell spacing with both fixed & percentage width cells
Today I had a hard time trying to create a table which had some cells of a fixed width, then the others stretching to fill the rest of the page. The problem was I just could not get it to work properly in every browser. If I got it to work one way in one browser, another wouldn’t and vise versa. After messing around for a bit I found the solution, it’s kind of a forceful way to get all the browsers to do what we want, but sometimes the browsers force us to do it!
-
Speed up your websites using gzip and merging files.
Many sites these days are using more and more Javascript and CSS which can quickly slow the websites loading speed. Gzip compression for your Javascript and CSS is not used in enough websites these days as many people still fear incompatibility with browsers. However this is no longer the case as all modern browsers are now compatible with it. There are heaps of ways to Gzip, none of which I could get to work on my web host, so I created my own which uses the zlib extension in php. I also included a few advantages to it such as merging of files which helps decrease the loading time even more.
-
How to remove the gap underneath images in IE
Internet Explorer has a terrible habit of putting gaps underneath images if you have a space after the image code. It’s quite annoying when trying to line images up on top of each other and keep your code neat. Thankfully there’s an easy fix!
-
Pop-overs – Part 3: Adding a faded background.
When you see pop-overs on a lot of sites they often have a faded background behind them which helps the user focus on what’s in the pop-over and not the rest of the site. So to continue from Part 1 and Part 2 of the pop-overs tutorial I will show you how to achieve this. Again it’s fairly easy to do…
Featured
-
Aug 22, 2009
Zip files using PHP without the PHP zip function: PHP Zip Class
The search for a PHP class to zip files has taken me well over 2... -
Oct 20, 2008
Speed up your websites using gzip and merging files.
Many sites these days are using more and more Javascript and CSS which can quickly...