Bildschirmauflösung mit Javascript

paulaNB · 31.01.2007, 21:12

Hallo liebe Scripter,

ich benötige mal eure Hilfe.

Ich habe eine Webseite mit 4 Frames:

<frameset rows="110,270,65" frameborder="1">
<frame src="header.htm" name="header" scrolling="no" noresize="noresize"/>
<frameset cols="250,*" >
<frame src="Index.html" name ="Navi" scrolling="no" noresize="noresize"/>
<frame src="home.html" name= "Inhalt"/>
</frameset>
<frame src="footer.htm" name="footer" scrolling="no" noresize="noresize"/ >

</frameset>

In IE Browser funktioniert sehr gut

... aber mit Mozila nicht....

Ich habe eine JavaSkript die Auflösung der Browser überprüft, gefunden.

var x,y;
if (self.innerHeight) // all except Explorer
{
x = self.innerWidth;
y = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
// Explorer 6 Strict Mode
{
x = document.documentElement.clientWidth;
y = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
x = document.body.clientWidth;
y = document.body.clientHeight;
}

Für welche Browserauflösungen Kombinationen(Breite/Höhe) muss mann überprüfen. Für die Breite haben ich Beispile gefunden aber für die Höhe nicht.

Gibt es auch anders Möglichkeiten.

Vielen dank in Voraus

rewboss · 31.01.2007, 23:49

Ähm... warum ist die Höhe jedes Frames festgelegt? Wenn du nicht mit Prozent-Angaben arbeitest, musst schon ein * irgendwo im rows-Attribut da sein.

Die Höhe des Browserfensters kommt nicht nur auf die Auflösung an, sondern auch:

auf das Betriebssystem (wie hoch ist z.B. die Titelleiste?)
auf den verwendeten Browser
darauf, ob die Taskleiste sichtbar ist
darauf, wie der Browser konfiguriert ist.

Der letzte Punkt ist am schwierigsten:

Was für Leisten sind sichtbar? (Radio-Leiste? Navigationsleiste? Google-Toolbar?)
Wie sind die Leisten angeordnet? (Steht das URL-Eingabefeld in einer eigenen Leiste?)
Wie wird die Symbolleiste angezeigt? (Kleine Symbole? Große Symbole? Mit oder ohne Text?)

...und und und und.

Daher: Lieber gleich ein "Liquid layout" verwenden.

paulaNB · 01.02.2007, 12:33

Danke für dein Tip.

ich möchte eine WEB-Page machen mit 4 Frames:
1. Header (hier ziege ich eine Banner)
2. Navigationsleister mit Menüpunkten
3. Text
4. Footer-hier möchte ich eine Reihe von Bilder die sich kontinuirlich rotieren. Hier liegt dass Problemm und fand ich am besten Frames zu benutzen(besser Idee hatte ich leider nicht....).

Der Header macht einglich Problemm. Dabei ist HTML Files für Header . Hast du vieleich eine andere Idee? Ich habe mit Prozent-Angaben versucht aber, es funktioniert leider auch nicht.

Vielen Dank in Voraus
Paula

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>Individuelle Softwareentwicklung und Beratung</title>
<style type="text/css">
.kursiv { font-style:italic;font-size:250%;font-weight:800;fantasy; }
.grosskursiv { font-style:italic; font-size:400%;font-weight:800;fantasy; }
.anderestyle { font-style:italic; font-size:200%;font-weight:800; fantasy;}
</style>

</head>
<body style="BACKGROUND-IMAGE: url(bild2.gif)" height="100%" width="100%" >

<div align="center"><div align="center"> <span class="grosskursiv">I</span><span class="kursiv">ndividuelle</span>
<span class="grosskursiv">S</span><span class="kursiv">oftwareentwicklung und</span>
<span class="grosskursiv">B</span><span class="kursiv">eratung</span>

</div>
<div align="center"><span class="anderestyle">Paula Neeb-Burlacu</span></div>
</body>
</html>

rewboss · 01.02.2007, 14:55

Ja, du hast dir eine Falle gebaut. Dadurch, dass du keinen Scrollbalken für die Navileiste haben willst, brauchst du mindestens soundsoviel Pixel Höhe, was aber nicht immer geht. Sonst könntest du die mittlere Zeile auf Höhe "*" setzen, und dein Problem wäre gelöst.

Aber so, wie du es vorhast, kann es nicht funktionieren. Da hilft wirklich nur eines: Layout nochmal überdenken.

Kannst du die Navileiste zusammen mit dem Text wirklich nicht in einem Fenster packen? Brauchst du wirklich diese rotierenden Bilder unten? Frames sind, obwohl nicht automatisch "böse", aus vielen verschiedenen Gründen eher zu vermeiden; gibt es wirklich keine andere Lösung?

paulaNB · 01.02.2007, 15:09

Danke noch mall für deine Anworten.

Es hat gecklappt!!!!

<frameset rows="23%,*,12%" frameborder="1">
<frame src="header.htm" name="header" scrolling="no" noresize="noresize"/>
<frameset cols="250,*" >
<frame src="Index.html" name ="Navi" >
<frame src="home.html" name= "Inhalt"/>
</frameset>
<frame src="footer.htm" name="footer" scrolling="no" noresize="noresize"/ >

Es wäre nett, die Builder laufen lassen. Ich möchte meine eigene WEB-Page machen und ich habe bischer keine Erfarung mit WEB-Page(merkt mann...). Ich weiss, dass Frames aus vielen verschiedenen Gründen sind eher zu vermeiden, aber wegen diese diese rotierenden Bilder hate ich keine bessere Lösungen.

Vielen dank noch mall
Paula

paulaNB · 01.02.2007, 15:09

Danke noch mall für deine Anworten.

Es hat gecklappt!!!!

<frameset rows="23%,*,12%" frameborder="1">
<frame src="header.htm" name="header" scrolling="no" noresize="noresize"/>
<frameset cols="250,*" >
<frame src="Index.html" name ="Navi" >
<frame src="home.html" name= "Inhalt"/>
</frameset>
<frame src="footer.htm" name="footer" scrolling="no" noresize="noresize"/ >

Es wäre nett, die Builder laufen lassen. Ich möchte meine eigene WEB-Page machen und ich habe bischer keine Erfarung mit WEB-Page(merkt mann...). Ich weiss, dass Frames aus vielen verschiedenen Gründen sind eher zu vermeiden, aber wegen diese diese rotierenden Bilder hate ich keine bessere Lösungen.

Vielen dank noch mall
Paula