WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Multiple Stylesheets

(1/2) > >>

cgryniewicz:
I need help, designing a template. Currently my design looks very different from browser to browser. Is there anyway I can attach multiple stylesheets? Each browser could open their respective style sheet. How would this work with WebsiteBaker?

BerndJM:
Hi,

to give a short answer:
yes there are some possibilities to give each browser a different stylesheet, but ...

... I think this is the wrong way!
What's so "difficult" or let's say "strange" in your template to make it look similar in different browsers?
Never seen a template, that's not equal in different browsers - when it has a correct! stylesheet syntax, o.k. maybe there is some "help" needed for IE6 (conditional comments), but all the other browsers should be handled with a "normal standard conform" CSS.

Maybe it would be helpfull if you provide a URL to your project?

Regards Bernd

cgryniewicz:
Yea, I'm mainly having problems with IE 6. I've tried using conditional statements in index.php.


--- Code: ---<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/screen.css" media="screen" />
<!--[if IE 6]> <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>IE6_hacks.css" media="screen"> <![endif]-->

--- End code ---

But unfortunately IE  6 still loads screen.css.

My Project:
http://www.website-spinner.com

Stefek:

--- Quote from: cgryniewicz on November 09, 2008, 05:04:40 PM ---Yea, I'm mainly having problems with IE 6. I've tried using conditional statements in index.php.


--- Code: ---<!--[if IE 6]> <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>IE6_hacks.css" media="screen"> <![endif]-->

--- End code ---

--- End quote ---

You missed a slash "/" after <?php echo TEMPLATE_DIR; ?>

Take a look  :wink:

Regards,
Stefek

cgryniewicz:
Still not working

Here is what I have.

--- Code: ---<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/screen.css" media="screen" />
<!--[if IE 6]> <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/IE6_hacks.css" media="screen"> <![endif]-->

--- End code ---

Navigation

[0] Message Index

[#] Next page

Go to full version