Please note that you may have been redirected (you might like to make a note of the URL in the address bar of your browser and update accordingly) This is a permanent archvie but is no longer actively maintained. Please visit http://joshuaink.com for the latest updates.

CSS Reboot: Grey box and browser woes

Thursday March 17, 2005

It might seem like I have very little to do with all the work Denis has already done on the illustration for this site. What I am a finding however, is that it is really difficult to incorporate it (the illustration) into a design that isn't totally dominated by the flowers and at the same time doesn't completely destroy them. The phrase "bitten off more than I can chew" certainly springs to mind at this stage.

Anyway, I have done a grey box layout to try and work out how it's all going to hang together, which you can see here.

Below is a slice of the composition as it stands at the moment and I have to say I am quite pleased with how it's starting to look, even if it is totally self-absorbed and extravagant. The biggest issue I have to overcome is lack of support for PNG transparency in Internet Explorer, do I invalidate the code and go for some Microsoft only CSS filters or do I serve up one big fat jpeg for IE?

CSS reboot screenshot

  1. Hayo

    1260 days ago

    big fat jpeg! that will show those bastards.

  2. darren

    1260 days ago

    IE’s lack of png support is well annoying. why not make use of @import rules to include the css hacks…

    perhaps dean edwards’s IE7 would be the place to start…

  3. Sebastian Schmieg

    1260 days ago

    Looks real good.

    Valid code is desireable, but it shouldn’t get in our way when trying to achieve the best result possible.

  4. Andy Mac

    1260 days ago

    Or you could slow down a little and wait for IE7 itself. According to this article at Microsoft Watch: “IE 7.0 will feature international domain name (IDN) support; transparent Portable Network Graphics (PNG) support, which will allow for the display of overlayed images in the browser”

    That in mind it might well be better to opt for the easiest option and slap a jpeg as a temporary measure.

  5. Craig

    1260 days ago

    Using Dean’s IE7 hack just for PNG support might be too much.

    Before the IE7 project there was a great script called sleight by youngpup. The only drawback was that it didn’t work with CSS backgrounds. But, one Mr. Drew fixed that right quick.

  6. cboone

    1260 days ago

    Can’t you hide the IE-specific rules with IE-specific conditional comments? Which appear to be comments to everything else, including the validator.

    As in this ALA article, perhaps.

  7. Turnip

    1260 days ago

    Yeah, go for the IE specific filters but obviously hide them from the validator with a conditional comment or something.

    There’s no point waiting for IE7—even if they released it tomorrow it’d be several years before we could rely on the browsing population having migrated to it.

  8. Kevin Tamura

    1260 days ago

    Use the PNG and then use the * html hack to overwrite the PNG and serve up a JPG for IE.

  9. Rob Mientjes

    1260 days ago

    Serve the IE bastards a JPEG if you don’t care about bandwidth. Good looks, by the way.

  10. Daniel

    1260 days ago

    Hi,

    I can’t seem to reset the style sheet to show something other than, well, an unstyled page. What the hell am I doing wrong?

    Otherwise, from what I can tell, it’s looking nice.

    Daniel

  11. Barry

    1257 days ago

    Nice. A bit full on at first, but very nice :-)

  12. Raymond

    1240 days ago

    Lot’s of flowers, not overdone. I like your style.

    Currently I’m working on my own site. I’m a newbie if it comes to design and web stuff. Somebody got any suggestions for my website if it comes to design? It’s too simple. Text is going to be rewritten.

  13. Myles Forrest

    1238 days ago

    If you open up the image in Photoshop and remove the the gamma values from the image, you can make a .PNG that will render transparency correctly in IE.

Christmas gifts?

Beginning CSS Web Development book cover

Recently

The last seven posts made on this site.

Geeky shiteMeta

A proud member