WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.8 is now available!


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Multiple Stylesheets
  • Print
Pages: [1]   Go Down

Author Topic: Multiple Stylesheets  (Read 7660 times)

cgryniewicz

  • Guest
Multiple Stylesheets
« on: November 09, 2008, 06:56:56 AM »
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?
Logged

Offline BerndJM

  • Posts: 1764
  • Gender: Male
Re: Multiple Stylesheets
« Reply #1 on: November 09, 2008, 08:55:42 AM »
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
Logged
In theory, there is no difference between theory and practice. But, in practice, there is.

cgryniewicz

  • Guest
Re: Multiple Stylesheets
« Reply #2 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: [Select]
<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]-->

But unfortunately IE  6 still loads screen.css.

My Project:
http://www.website-spinner.com
« Last Edit: November 09, 2008, 05:07:03 PM by cgryniewicz »
Logged

Offline Stefek

  • Posts: 6177
  • Gender: Male
  • ("ړ)
Re: Multiple Stylesheets
« Reply #3 on: November 09, 2008, 05:10:09 PM »
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: [Select]
<!--[if IE 6]> <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>IE6_hacks.css" media="screen"> <![endif]-->

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

Take a look  :wink:

Regards,
Stefek
« Last Edit: November 10, 2008, 12:41:10 AM by Stefek »
Logged
"Gemeinsam schafft man mehr."

gemeinsam
1. mehreren Personen oder Dingen in gleicher Weise gehörend, eigen
2. in Gemeinschaft [unternommen, zu bewältigen]; zusammen, miteinander
#Duden

cgryniewicz

  • Guest
Re: Multiple Stylesheets
« Reply #4 on: November 09, 2008, 05:35:07 PM »
Still not working

Here is what I have.
Code: [Select]
<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]-->
Logged

Offline Ruud

  • Posts: 3671
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: Multiple Stylesheets
« Reply #5 on: November 10, 2008, 12:03:20 AM »
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: [Select]
<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]-->

But unfortunately IE  6 still loads screen.css.

Sure it will. This will load the IE6_hacks.css as an extra stylesheet for IE6.
In there you only add stuff needed to get IE6 to display better. The screen.css will always load.

There is no if - else - endif possible with these MS tricks. Other browsers will not recognise that.

Ruud
Logged
Dev4me - WebsiteBaker modules - WBhelp.org

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Multiple Stylesheets
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2