Header frustration

[Ryk]

I really could use some advice as to why the header in www.chicapparel.co.uk displays so differently in IE & FF before I tear the rest of my rapidly thinning hair out!

[kobra]

Except for the Shopping Basket location and the padding of the nav bar directly under it I do not see any great difference.

Is it the Shopping Basket location display that you are refering to?

I am viewing in FF rv:1.8.0.6 and IE 6.0.2900.2180

[Ryk]

It's specifically the navbar which needs to be raised in FF

[kuroi]

Hi Ryk

It looks to me as though your problem is down to inconsistent browser defaults, specifically for the UL tag.

I recommend setting a margin-top of 0 for #additionalNav ul (which will bring the nav bar up in FF) and personally I thought that the site looked better with the relative positioning removed.

[Ryk]

Hi Ryk

It looks to me as though your problem is down to inconsistent browser defaults, specifically for the UL tag.

I recommend setting a margin-top of 0 for #additionalNav ul (which will bring the nav bar up in FF) and personally I thought that the site looked better with the relative positioning removed.

Thanks for that - and the advice in the PM - and I agree on the look, but the client requests...

[Ryk]

Having followed your suggestions kuroi, I've made the header completely tableless...and I still have problems in getting the 2 browsers to display anywhere near close to the same. The problem is with the 2 navbars.

The site is www.chicapparel.co.uk - any suggestions are most welcome.

[kuroi]

Hi Ryk

I've had a quick dig around behnd the scenes and what you've done looks good.

Despite appearances, your changes are working in terms of positioning all the elements including the #additionalNav bar.

The visual discrepancy is due to what's going on inside the #additionalNav bar. Your buttons are contained in an unordered list for which IE and FF have very different defaults. If you set the margin-top to zero then that will force both browsers to respond in the same way.

[Ryk]

[FONT="Georgia"]THANK YOU![/FONT]

This has been one of those defining moments for me...I finally (I think!) understand CSS positioning!

[kuroi]

[FONT="Georgia"]THANK YOU![/FONT]

This has been one of those defining moments for me...I finally (I think!) understand CSS positioning!

Pleased to have been of help. There is one article that I have read so many times that I can almost recite it by heart, but I still dig it out and re-read it from time to time. It tells me everything I need to know about positioning, clearly, understandably and succinctly on just three printed (and now very dog eared) pages.

You can find it here.

[Ryk]

The link's no good I'm afraid - I don't suppose you kept a digital copy?