Friendly URL - CSS Issue

Hi all

I basically have a stylesheet for mobile which kicks in once the device width is detected.

<link rel="stylesheet" media="screen and (min-width : 320px) and (max-width: 568px)" href="css/smartphone.css">

Everything seems to work until I noticed that my friendly URLs seem to stop the smartphone.css from loading.

example: (everything works) (doesn’t work)

I understand this might be a mod_rewrite issue, does anybody now whats causing this?
Is this a known issue?

Thanks, Barry

It’s a relative URL issue.

Visiting your second example link would result in the CSS link being

You’ll either want to add a slash at the start of the CSS file’s link, or specify an absolute path.

/css/smartphone.css or

:smiley: cool!

Cheers Force Flow, works a treat.

Thank you,

Option #2 is to use the <base> tag as I list in my signature’s tutorial.