Using faux columns

I am stuck with a problem on a new site and would appreciate some help.

The site is www.sallekiss.org.uk. If you look at it in FF you can see it has
three columns with the two side columns being blue grey. This is done with
faux columns. With IE 6 and 7 I don't get the left hand blue grey column.

However if you choose one of the subsidiary pages, e.g. the "New to Fencing"
page you can see that I eliminate the right hand column and the left hand
column is blue grey in both FF and IE.

Why don't I get the effect that I want in IE?

Any other comments welcome as well as the above problem.

--
Colin Walls

On 1/3/2008 11:10 AM, Colin Walls wrote:

I am stuck with a problem on a new site and would appreciate some help.

The site is www.sallekiss.org.uk. If you look at it in FF you can see it has
three columns with the two side columns being blue grey. This is done with
faux columns. With IE 6 and 7 I don't get the left hand blue grey column.

However if you choose one of the subsidiary pages, e.g. the "New to Fencing"
page you can see that I eliminate the right hand column and the left hand
column is blue grey in both FF and IE.

Why don't I get the effect that I want in IE?

Any other comments welcome as well as the above problem.

--
Colin Walls

The page has 48 XHMTL errors. The CSS in
<http://www.sallekiss.org.uk/templates/sallekiss/css/template.css> has 2
errors; the other CSS file is okay. Fix the errors and then see if that
helps.

By the way, your signature requires dash-dash-space in the line above
your name. You have only dash-dash. This is per RFC 3676.

--
David Ross
<http://www.rossde.com/>

Have you been using Netscape and now feel abandoned by AOL?
Then use SeaMonkey. Go to <http://www.seamonkey-project.org/>.

David E. Ross wrote:

The page has 48 XHMTL errors. The CSS in
http://www.sallekiss.org.uk/templates/sallekiss/css/template.css> has 2
errors; the other CSS file is okay. Fix the errors and then see if that
helps.

As you can imagine using a CMS restricts me in what I can do somewhat. I
have fixed the CSS errors in my template, the only warnings that the Jigsaw
validator reports are possible background/foreground colour clashes.

The large majority of XHTML errors were from the event calendar. I have
temporarily removed this. However it makes no different to the display in
IE.

--
Colin Walls

Colin Walls wrote:

As you can imagine using a CMS restricts me in what I can do somewhat.

Well, it shows. The XHTML code it produces is really horrible and
completely defeats the purpose of using separation of content and layout
in the first place. IMHO, using tables instead of such a complicated div
soup (with names such as "content60" for a column of 60% width...) for
basic page layout is the lesser evil in the long run.

As for your problem of the left column not appearing in IE, I think it
is a PNG transparency issue. Try to use GIF instead of PNG for the
"rightsli" image, and it should work fine.


--
Christian Hackl

Christian Hackl wrote:

Well, it shows. The XHTML code it produces is really horrible and
completely defeats the purpose of using separation of content and layout
in the first place. IMHO, using tables instead of such a complicated div
soup (with names such as "content60" for a column of 60% width...) for
basic page layout is the lesser evil in the long run.

I agree to a certain extent. The template is source ordered which is why you
see so many <div> containers. The CMS puts some more in, many of which are
unnecessary, but there is little I can do about that.

As for your problem of the left column not appearing in IE, I think it
is a PNG transparency issue. Try to use GIF instead of PNG for the
"rightsli" image, and it should work fine.

Well I don't know whether it is something you have seen before, or a lucky
guess but I don't care. Changing the faux column images from PNG to GIF
fixed it. Many thanks.

--
Colin Walls