IE Conditionals, The Second Level

	Home Register Search Help Login

Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Free FrontPage Templates

Search Forums

Recent Posts

Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

IE Conditionals, The Second Level

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets >> IE Conditionals, The Second Level

Page: [1]

Giomanach

Posts: 6129
Joined: 11/19/2003
From: England
Status: offline

IE Conditionals, The Second Level - 2/13/2005 19:09:08

We all know of the standard IE conditional, that allows you to add an extra stylesheet for IE only:



But how many of you knew that there are in fact two forms of IE Conditionals?

I found the second one whilst integrating a phpBB forum into one of mysites, examples to come later.

I needed to use conditionals, as I was using a fixed background, and having a scrolling DIV for the content, of which, works in all the latest browsers.

Here is the home page: http://gioscrib.com/index.php

If you view the source, you will notice the following:

quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Giomanach's web about himself, and his experiments within Web Design, his Imaging and Musical works" />
<link href="01.css" rel="stylesheet" type="text/css" title="blue" />

<title>Giomanachs Crib :: Home</title>
</head>

One seperate stylesheet for all versions of IE, and it does work, even if the nice scrolling effect isn't acheived in all browsers, but when I came to putting the forums on the site, I came across a little problem. One of my background had disappeared, however, the rest of the design was perfectly fine.

I had used the same form of conditional statement to declare the IE only styles, but, along with the PHP coding used within the phpBB forums, this is cancelled out, therefore applying those changes to Gecko rendering as well. Not what was wanted.

Now, if you view the forum home page: http://gioscrib.com/chill and view the source, you will see a different kind of conditional:

quote:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">

<title>Gio's Crib Chillout Centre :: Index</title>
<link rel="stylesheet" href="http://gioscrib.com/01.css" type="text/css">

A different form of IE conditional, although on the same basis, it is a different form.

This conditional does work, my forums are proof of it.

Just thought I'd let you know...

Dan

_____________________________


bobby Posts: 11394 Joined: 8/15/1969 From: Seattle WA USA Status: offline	RE: IE Conditionals, The Second Level - 2/14/2005 23:14:56 quote: along with the PHP coding used within the phpBB forums, this is cancelled out just out of curiosity, what in the PHP code caused the conditional to be dropped? ... some kind of http headers issue..? _____________________________ If con is the opposite of pro, is Congress the opposite of progress? (in reply to Giomanach)


Giomanach Posts: 6129 Joined: 11/19/2003 From: England Status: offline	RE: IE Conditionals, The Second Level - 2/15/2005 7:41:57 quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html dir="{S_CONTENT_DIRECTION}"> <head> <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}"> <meta http-equiv="Content-Style-Type" content="text/css"> {META} {NAV_LINKS} <title>{SITENAME} :: {PAGE_TITLE}</title> <link rel="stylesheet" href="http://gioscrib.com/01.css" type="text/css"> <!-- link rel="stylesheet" href="http://gioscrib.com/02.css" type="text/css" --> <!-- link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" --> Take Ya Pick _____________________________ (in reply to bobby)