how can I redirectto another html file from css?

[tony webb]

I have a website that has 4 separate versions for different size screens. Pretty grim even if it's bad to be different!

I have now finished programming my first site but there's some work to go before it's responsive.

Until the site is responsive what I want to do is have a css file that uses @media to detect a screen size and then redirect/load from the appropriate folder.

i.e
@media only screen and (min-width: 480px) {
open file: /directory/file.html;
}

Is there a way to do this?

[auntnini]

See for instance http://css-tricks.com/css-media-queries/

Believe the @media is used to change the CSS. To actually re-direct to another page you would use some JavaScript such as

<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "indexmobile.html";
}
//-->
</script>

P.S. Webdeveloper.com has a forum for "Mobile Web Development" http://www.webdeveloper.com/forum/fo...eb-Development -- which might have some helpful posts

[tony webb]

Thanks for your reply. It's states the obvious, which I didn't think of.

I used the javascript that you gave in my old website but I had this on every html page.

I read somewhere that this slows down the download times as cache isn't used. Thus begun my turbulant voyage of learning to program my own site.

What I have just found out is that what I should have done was put the javascript in a separate file and linked to it from the html file. That makes life so much easier!