probleem screen.width en screen.height en IE
Css is duidelijk niet mijn sterkste kant. Ik heb nog een aantal problemen met de resolutie.
Nu heb ik met zo'n javascript dat hij de resolutie test, en bijbehorende css pakt. Het is niet zo netjes, maar weet zo even snel niet iets anders.
Het probleem is dat firefox dat netjes leest maar IE niet. Het gaat om:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
if ((screen.width == 1024) && (screen.height == 768)) {
document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles_1024x768.css" />');
}
else document.write('<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">');
// -->
</script>
<noscript>Om deze website te bekijken dient u Javascript te activeren.</noscript>
if ((screen.width == 1024) && (screen.height == 768)) {
document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles_1024x768.css" />');
}
else document.write('<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">');
// -->
</script>
<noscript>Om deze website te bekijken dient u Javascript te activeren.</noscript>
Zoals je misschien ziet, maak ik gebruik van wordpress.. ;) Maar hoe kan het dat IE dit javascript niet leest?
Ik ben zelf niet zo goed in javascript, maar probeer dit is:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
<!--
if ((screen.width == 1024) && (screen.height == 768)) {
document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles_1024x768.css" />');
}
else document.write('<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">');
-->
</script>
<!--
if ((screen.width == 1024) && (screen.height == 768)) {
document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles_1024x768.css" />');
}
else document.write('<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">');
-->
</script>
Gewijzigd op 01/01/1970 01:00:00 door Tamara
http://www.mardiros.net/liquid-css-layouts.html
javascript is zonde om hiervoor te gebruiken aangezien er ook mensen zullen wezen die javascript niet op hun computer aan hebben staan.
Tamara schreef op 16.07.2009 11:42:
IE is altijd ontzettend streng met Javascript.
Ik ben zelf niet zo goed in javascript, maar probeer dit is:
Ik ben zelf niet zo goed in javascript, maar probeer dit is:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
<!--
if ((screen.width == 1024) && (screen.height == 768)) {
document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles_1024x768.css" />');
}
else document.write('<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">');
-->
</script>
<!--
if ((screen.width == 1024) && (screen.height == 768)) {
document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles_1024x768.css" />');
}
else document.write('<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">');
-->
</script>
jij bedoeld de <!-- ?
Gewijzigd op 01/01/1970 01:00:00 door Zero XT
ik heb na <script type="text/javascript"> dit geplaatst: <!--
en de // weggehaald aan het einde.
Weldegelijk, Tamara heeft in dit geval comment tags om de javascript gezet zoals het eigenlijk hoort.
De code zelf is niet veranderd en dit zal het probleem dan ook niet verhelpen, maar het advies is goed.
Jey schreef op 16.07.2009 13:17:
Een schonere oplossing is liquid CSS layout toepassen:
http://www.mardiros.net/liquid-css-layouts.html
javascript is zonde om hiervoor te gebruiken aangezien er ook mensen zullen wezen die javascript niet op hun computer aan hebben staan.
http://www.mardiros.net/liquid-css-layouts.html
javascript is zonde om hiervoor te gebruiken aangezien er ook mensen zullen wezen die javascript niet op hun computer aan hebben staan.
Juh, inderdaad.. Ben daar ook mee bezig geweest, en het is me dan ook eindelijk gelukt.. Was niet zo heel moeilijk, maar als je er al een tijd opzit dan wil het maar niet lukken.
Hebben jullie vast ook wel last van.. ;)
edit: Probleem 2 verholpen :)
Gewijzigd op 01/01/1970 01:00:00 door Giel