nicht angemeldet
Hallo Leute,
ich stehe vor dem Problem, eine Seite für 2 verschiedene Auflösungen zu konzipieren. Meine Idee ist folgende:
...
<script language=javascript>
var screenres;
var res;
screenres=screen.width;
if(screenres=="1024")res="r1";
else if(screenres=="800")res="r2";
else if(screenres=="640")res="r2";
else if(screenres=="1152") res="r1"
else if(screenres=="1280") res="r1"
if(res=="r1"){
<style type="text/css">
p{font-size: 12pt}
<style>
}
if(res=="r2"){
<style type="text/css">
p{font-size: 10pt}
<style>
}
...
Das Javascript funktioniert, aber die Einbindung des Style-Tags funktioniert nicht.
Kann mit da jemand weiterhelfen?
Gruß Andreas
Ganz einfach. Du musst ja erst mal dafür sorgen, dass das Script den Text einbindet. Das geht dann mit document.write('Text');
Bei dir wäre das document.write('<style type="text/css">p{font-size: 10pt}</style>');
Jedoch: Es gibt noch eine andere Möglichkeit, dieses Problem zu lösen. Zudem schließt man ein <style> ordnungsgemäß mit </style> und nicht mit <style>, also ohne "/"