By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,057 Members | 1,346 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,057 IT Pros & Developers. It's quick & easy.

Using faux columns

P: n/a
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
Jan 3 '08 #1
Share this Question
Share on Google+
3 Replies


P: n/a
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.csshas 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/>.
Jan 4 '08 #2

P: n/a
David E. Ross wrote:

The page has 48 XHMTL errors. The CSS in
<http://www.sallekiss.org.uk/templates/sallekiss/css/template.csshas 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
Jan 4 '08 #3

P: n/a
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
Jan 5 '08 #4

This discussion thread is closed

Replies have been disabled for this discussion.