[bangsy3000]

Hello

My page layout appears correctly in Firefox but when I view it in IE 6.0 it does not align correctly? There is a gap which appears to the left of my main column.

Hear is a link to the relevant page

citygentsmusic.co.uk

and this is the css code page I am using

style.css

Any help in fixing this problem will be greatly appreciated.

Thanks
Ian

ian@bangsbrothers.co.uk

[karmedic]

Hi,

I'm not entirely sure what's going on but I see that the problem shifts from page to page (in my IE6 the alignment issues change from the main page to the contact page). This tells me that a single fix may not work across the board but that's only a guess.

Your site looks like a good candidate for a CSS framework such as Blueprint or 960.gs ... I would suggest looking into something like that. It will allow you to concentrate on developing your content rather than debugging cross-browser issues.

hth

[teehoi]

Your opening page is really nice. I like the illustration a lot and the dynamic text. The content pages do need work. The illustration on those pages loses that clean vector look that was on the opening page and begins to look amateur-ish. As for the content text, your going a little nuts with the </br> (line breaks), make it easy on yourself and change the line-height. Also consider enlarging the font-size of that text as well and set overflow:auto or overflow:scroll to make it fit.

[MikeMackay]

It's good of you to post replies but I get the feeling he won't be back and he's posted this question on at least 2 other forums (Google citygentsmusic.co.uk) but maybe he'll prove me wrong and respond with a thanks.

[bangsy3000]

Thanks for your help. I don't normally build sites I'm more of a designer and I cobbled this CSS together from a bunch of free templates I found online. (it probably shows)
The main problem I need to fix is the Homepage, my client is happy with the rest of the site (he also prefers the amateur-ish images - each to his own hey?).

I've been through my CSS code meticulously and tried to find the problem...
Should I try to use the Blueprint CSS style sheet that corrects IE bugs? Do you think that may work?

[MikeMackay]

Well it looks like I need to eat my own hat, or something like that.

I would recommend using Conditional Comments to feed an IE6 specific CSS file which contains any "fixes" for the site. That way it would stay out of the main stylesheet and allow you to concentrate solely on that browser.

[bangsy3000]

No need to eat your hat! I cannot limit myself to just one forum - I admit that I'm a cheap sl*g.
Anyway, could you tell me what 'fix' I should use? Is there a approved css sheet that covers all IE6 bugs that I can use as a conditional comments file. Once again, thanks for the reply.

[Shiro]

I've never heard of such a sheet. I don't know that one could really be made - it's too dependent on your id and class names.

Although you do give food for thought...

[FoxLeader]

Well, things such as Eric Meyer's CSS Reset had been a great tool for me since it makes every property the same before you change them by class/ID.
Ex: Some browsers have a basic line-height of 10px while it's 5px for others (this may not be true but that's just an exemple to explane the idea).

[Shiro]

reset-sheets are great, but he was speaking of an IE6 bug fix sheet. That's a different concept.