Weiche für verschidene Auflösungen

Donkey

Hallo zusammen!

Ich bin jetzt schon ne ganze Weile auf der Suche nach einer Weiche die die verwendete Auflösung des Besuchers erkennt und ihn zu den entsprechenden Seiten weiterleitet, welche für diese Auflösung optimiert sind.

Hab auch einiges gefunden - aber alles in Javascript.
Möchte das aber lieber serverseitig lösen.

Aus den ganzen Informationen meine ich rausgelesen zu haben dass man mit php die Auflösung nicht ermitteln kann.
Gibts noch ne andere serverseitige Lösung?

Gruss Donkey

Dodo

Nein gibts nicht

Höchstens JS, oder ein design das bei allen geht

Donkey

Danke.
Hm... das hab ich mir schon fast gedacht.

Ich möchte die Seite möglichst barrierefrei erstellen und da hat Javascript dann eigentlich nichts verloren.

Naja vielleicht fällt mir ja noch was anderes ein

Dodo

meine devise: leute die JS deaktivieren sind selbst schuld (mach aber trotzdem barrierefrei und nur kleine spielereien mit JS)

Elvis

Zitat von Dodo

meine devise: leute die JS deaktivieren sind selbst schuld

meine meinung: leute die solche devisen haben sind dumm und haben es nicht besser verdient.

Dodo

wieso denn?
was für gründe gibt es JS zu deaktivieren?

Elvis

Sicherheitsgründe.

Dodo

und welche?

koslowski

Moin,

Zitat von Donkey

Ich bin jetzt schon ne ganze Weile auf der Suche nach einer Weiche die die verwendete Auflösung des Besuchers erkennt und ihn zu den entsprechenden Seiten weiterleitet, welche für diese Auflösung optimiert sind.

wenn die Seite gut gebaut ist brauchste so ne Optimierungsweiche mit Sicherheit nicht.
"Optimiert für" spiegelt höchstens die Unfähigkeit des Webdesigners wieder flexible Seiten zu basteln.;-)

Zitat

Zitat von Dodo:
und welche?

allein die Tatsache das JS bei auf dem Rechner des Nutzers ausgeführt wird führt dazu, das es bei vielen Firmen standardmäßig deaktiviert ist.

koslowski

Donkey

Naja hab halt nach ner "bequemern" Lösung gesucht
Bis jetzt hab ich alles mit festen Grössen gemacht und einfach alles... - bin halt faul

Aber ich arbeite mich jetzt mal in die flexible Darstellung ein

Hab auch in den Zusammen hang auch ne interessante Seite gefunden, die jetzt nicht so wirklich aufschluss reich ist, aber interessant zu lesen.
Vielleicht interessierts euch ja
http://aktuell.de.selfhtml.org/weblog/aufloesung-viewport

Gruss Donkey

Dodo

Zitat von koslowski

allein die Tatsache das JS bei auf dem Rechner des Nutzers ausgeführt wird führt dazu, das es bei vielen Firmen standardmäßig deaktiviert ist.

Und was ist mit der Tatsache, dass JavaScript so konzeptioniert ist, dass es rein im Browser bei der Webseite bleibt und da nicht raus kann?

koslowski

Hi,

Zitat von Dodo

Und was ist mit der Tatsache, dass JavaScript so konzeptioniert ist, dass es rein im Browser bei der Webseite bleibt und da nicht raus kann?

Das es so konzeptioniert ist mag ja sein, das es da nicht rauskann ist imho ein Gerücht.

Das JS bei vielen Firmen standardmäßig aus Sicherheitsgründen deaktiviert ist geschieht sicher nicht ohne Grund.
Die Admins dieser Firmen sind ja nicht alle doof oder leiden an Paranoia.

Zu diesem Thema habe ich auch mal einen sehr erfahrenen Programmierer gefragt.
Der war jedenfalls der Meinung das man mit JS ne Menge Unfug beim Nutzer anrichten kann.

Ich selbst bin kein Programmierer, muss mich also auf die Aussagen von ausgewiesenen Fachleuten verlassen und die sind eindeutig.;-)

koslowski

SpeedFire

Ergänzung: mit Javascript kann man sehr viele personenbezogene daten
rauskriegen, wie zb. Konfiguration des Rechners von wo kommst du,
von welcher Seite kommst du man kann den Verlauf des Browsers auslesen
(teilweise sogar Benutzernamen) und viel mehr.http://www.brain.uni-freiburg.de/%7Eklaus/java.htm

Dodo

Dieser Artikel klingt eher nach VB-Script, eine Macht, die ausser kontrolle geriet (zB I LOVE YOU-Virus)
Oder JScript, die Microsoftantwort auf JavaScript.

Aber JavaScript kann das nicht.

Donkey

Also ich hab mal versucht jetzt mal ein flexibles Layout zu basteln.
Is glaub ich ganz gut geworden.
Da ich aber bisher nur mit Tabellen und festen Grössen gearbeitet hab is das ein bisschen Neuland für mich
800x600: http://i34.tinypic.com/33f7v6a.jpg
1024x768: http://i35.tinypic.com/rstmoo.png
1280x768: http://i36.tinypic.com/30ucolv.png
andere Auflösungen kann mein Monitor nicht darstellen.
Mit dem Headerbild muss ich mir noch was überlegen.
Mir kommts aber so vor als hätt ich mehr in die css geschrieben als nötig.
Habt ihr Vorschläge?

Code

/* 
10px = 0.6em
12px = 0.76em
14px = 0.9em
16px = 1.0em
18px = 1.12em
22px = 1.38em
26px = 1.63em
*/
body
{
font-size:100,01%;
font-weight:bold;
background-color:#EDEDED;
background-image:url('images/bg.jpg');
}
.blue
{
color:#FFFFFF;
font-family:arial;
font-size:1em
}
div#main2
{
top:0px;
width:83%;
}
div#navi2
{
position:relative;
float:left;
width:23%;
text-align:left;
background-image:url('images/tab-bg.jpg');
}
div#inhalt2
{
position:relative;
float:right;
width:75%;
text-align:left;
background-image:url('images/tab-bg.jpg');
}
.cell
{
background-image:url('images/tabcell.gif');
height:1.6em;
text-align:center;
vertical-align:middle;
color:#000080;
font-size:1.1em;
}
.text
{
padding:1em;
}
.navi
{
width:100%;
text-align:center;
}
.navi ul
{
list-style-type: none;
padding: 0px;
margin: 2px 0px;
}
.navi li
{
display: block;
}
.navi li a, .navi li a:link
{
text-decoration: none;
display: block;
color: #FFFF00;
width: 100%;
padding:0px;
margin:6px 0px 6px 0px;
}
.navi li a:hover
{
color: #000000;
background-color: #00BBFF;
}

Alles anzeigen

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Testseite</title>
</head>
<body>
<center>
<p align="center"><img src="images/header.jpg"></p>
<div id="main2">
<div id="navi2" class="blue">
<div class="cell">Navigation</div>
<div class="navi">
<ul>
<li><a href="index.php" tabindex="2" accesskey="s">Startseite</a></li>
<li><a href="">Punkt 1</a></li>
<li><a href="">Punkt 2</a></li>
<li><a href="">Punkt 3</a></li>
<li><a href="">Punkt 4</a></li>
<li><a href="">Punkt 5</a></li>
<li><a href="">Punkt 6</a></li>
<li><a href="">Punkt 7</a></li>
</ul>
</div>
</div>
<div id="inhalt2" class="blue">
<div class="cell">&Uuml;berschrift</div>
<div class="text">
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2<br>
Hauptinhalt2
</div>
</div>
</div>
</center>
</body>
</html>

Alles anzeigen

Gruss Donkey

Dodo

yeah ein XAMPP-User^^

Zuerst ist es mal wichtig dass du es in verscheidenen Browsern auf den Auflösungen versuchst
oder hast du IE nur als beispiel genommen?

Donkey

Hab 10 verschiedene Browser installiert Aber noch nicht getestet.

Dodo

Naja ich würde mal meinen IE, FF, Opera, Safari und Konqueror reichen^^

Donkey

Hm...
Hab ja erst vor ein paar Tagen Win neu aufgesetzt - bei mir is noch garnichts installiert

Dodo

Dann hopphopp
Vor dem Quelltextabspecken ist browser-unabhängigkeit angesagt

Weiche für verschidene Auflösungen

Tags

Benutzer online in diesem Thema