Topic: IE5 problems

today at school, I had a look at my homepage (http://www.thespacebetweenus.com) and was a bit shocked when it appeared in the browser window. the links of the navigation do not come up at all, and the shadow of the header boxes is also very buggy. is IE5's CSS support really that poor? do you have any tips for me how to make my fully css designed page a bit more cross browser friendly?
btw the same happens in linux's browser.
thx in advance

| - THESPACE - | E.A. | PORTFOLI0 | lonesome | CELL 557

The number one tip is to test your site in several browsers, and installing multiple versions of IE will help. Then you could use some CSS filters and hacks to provide a degraded CSS to the buggy browsers.

Yep, testing across multiple browsers and platforms is great, but difficult. For a quick overview try these browser support tables.

http://www.westciv.com/style_master/academy/browser_support/index.html

They should give you an idea of whats going to work and what isn't.

thanks a lot, thats cool
but i am looking more for a solution about the navigation links issue....i have no clue why they dont show up

| - THESPACE - | E.A. | PORTFOLI0 | lonesome | CELL 557

mas: Have you tried to set the width and height attributes of your nav items ?
I've just had a quick look at your page in IE5.01, and the navigation is visible ... but the items are ~4 pixels wide ( the wide of the   I guess ). At worst you could position them in absolute ( a bit like in ALA: Night of the Image Map ) since they are not resizable.

Hope that helps.

I think the ALA: CSS Sprites: Image Slicing?s Kiss of Death article could be usefull too.

You'll have alot of issues with the box model in IE. Better start learning the box model hack if your gonna design for IE5 as well. A good place that explains the way IE5 handles the box model can be found here: http://www.positioniseverything.net/articles/box-model.html .

(Edited by jive on 04-28-2004 15:53)