SpinOneSolutions | I waste my time so that you don’t have to…

TAG | FF

The Problem:
I was recently modifying an image gallery for a customer that used a pretty slick JavaScript Carousel for the presentation.  The Basic idea was that the images were all outputted within an LI, hidden via CSS, and then the JavaScript carousel used that LI as the datasource to build the gallery.
Everything worked great except [...]

, , , , , , Hide

Jun/09

24

Mozilla Strict Three Column Layout with UL

The Problem:
Note: This only applies to XHTML 1.0 Strict Doctypes and Mozilla.
I make this type of layout all the time!  Two fixed width columns on either side of a fluid column.  Recently I had to put a list of article teasers into the center (fluid) column.  No problem, I marked up an unordered list, floated [...]

, , , , , , Hide

The Problem:
You need to give an element a minimum height and you need to work in both FireFox (FF) and Internet Explorer (IE).
The Solution:
In your default style sheet use the declaration below. This will be picked up by Firefox.

min-height:500px;

In your conditionally included style sheet for IE set this declaration.

height:500px;
overflow:visible;

That’s it!

, , , , , , Hide

Apr/09

8

Long Legend Text Display Issue

The Problem:
I recently built a form for a customer which had a really long legend!  My content area was floated to allow for a right hand sidebar and I noticed that with the addition of the new legend the layout had broken.
The issue, it turns out, is that both IE and FF handled the legend [...]

, , , , , , , , , Hide

Find it!

Theme Design by devolux.org