springendes Fenster

chriwi

Hallo,

ich verwende Firefox meist unter linux aber auch unter windofs.
Ich habe meinen eigenen Server mit mailserver und PHP-Webmailer(Popper) der erzeugt unteranderem eine HTML-seite, die 2 ineinandergeschachtelte Fenster darstellt, dieser code fuehrt bei Fierefox immer dazu, das das innere Fenster immer zuerst am oberen Rand des aeusseren Fensters dargestellt wird, wenn ich dann eine eingabe mache oder den reaload button betaetige wird alles neu dargestellt und das innere Fenster ist dann wie beabsichtig in der mitte des aeusseren Fensters, die Eingabe wird aber bei diesem 1. Versuch nicht angenommen, wenn das Fenster dan richtig dargestellt ist funktioniert auch die Eingabe, aber es braucht halt immer 2 Klicks, bei IE oder Conqueror habe ich diesen Effekt nicht, da wird die Seite gleich richtig Dargestellt.
Es ist wohl ein Besonderer Effekt von Firefox (egal ob unter linux oder winsows) in Verbindung mit diesem speziellen durch PHP generierten HTM-code.
Ich vermute das mein Code fehlerhaft ist, weis aber nicht was ich korrigieren muss und bitte um eure Hilfe.

Der Code sieht folgendermassen aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

<html>

<head>
<title>wirtz@homedns.org</title>
<META NAME="resource-type" CONTENT="document">
<META HTTP-EQUIV="author" CONTENT="Jean-Pierre Bergamin">
<META NAME="keywords" CONTENT="php, pop3, pop, client, pop client, popclient, free, freeware, asp">
<META NAME="description" CONTENT="">


<LINK REL=stylesheet TYPE="text/css" HREF="style.css">
</head>

<body>

<table class="windowborder" width="100%" border="0" align="center">
<tr class="titlebar">
<td colspan="3">
<table class="titlebar" width="100%" border="0">
<tr>
<td>
<a href="/private/popper/index.php"><img src="graphics/logo.gif" alt="" title="Go to main view" style="vertical-align: middle;" border="0"></a>Wirtz@homedns.org <b>chriwi</b>
</td>

<table class="childwindow" align="center">
<tr class="titlebar">
<td>
<table class="titlebar" width="100%" border="0">
<tr>
<td style="text-align: left;">
Logoff
</td>
<td>

<h2>chriwi logged off</h2><br>Thanks for your visit and come back soon ;-)<br>
<br>
<form action=/private/popper/index.php method="get">
<input class="button" type="submit" name="ok" value="OK">

</tr>
<tr>
<td colspan="3">
<table class="statusbar" style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
Good bye </td>
<td width="10%">
<p style="text-align: right; font-size: x-small; color: black;">

03/19/06 </p>
</td>
</tr>
</table>
</td>
</tr>
</table><p style="text-align: right; font-size: smaller;">
<a href="http://www.ractive.ch/gpl/popper.html" style="color: #000000;">popper</a> 1.41 (C) by J.P. Bergamin

</p>
</body>
</html>

tschues

chriwi

liracon

Hallo,
Deine CSS-Datei wäre da sicherlich interessanter.
Auffällig beim ersten Durchsehen des HTML: nichts, was das geschilderte Verhalten auslösen würde.

Aber vielleicht in Kombination mit der CSS-Datei.

chriwi

Hallo liracon,

ich bin leider kein Experte in html oder PHP, deshalb habe ich auch keine Ahnung was eine CSS-datei ist, liegt sie auf dem Server oder gehoert sie zu Configuratin des Browsers?
Habe jetz rausgefunden, was CSS sind, eigentlich wollte ich gar keine vewende, es sollte eigentlich nur plain HTML sein, aber Du hast recht im HTML-Code steht etwas von CSS, vielleicht muss das einfach raus, weil ich ja keine Frames (ich hoffe das haengt damit zusammen) verwende, ich willeigentlich, das es ohne diesen Neumodschen kram funktioniert, ich will nur nen simplen Webmailer, der mit allen browsern Funktioniert, im Zweifelsfalle auch im Textmode oder auf ner PSP, nur fürs Handy ist wohl zu viel auf einer Seite.

Zum Browser ist zu sagen das ich diesen Effekt mit dem Firefoxbrowser unterschiedlicher Versionen, Installationen, Betriebssysteme (Windows, Linux (knoppix,DSL)) und Computer (PC und Notebook) beobachtet habe.

tschues

chriwi

liracon

Hallo,

CSS hat mit Frame direkt nichts zu tun. Mittels CSS kannst Du - wie auch in Deinem HTML-Code gemacht - Darstellungen formatieren (Abstand, Farbe etc.).

Du benutzt in Deinem Code die Datei style.css. Da es ohne Pfadangabe dasteht, müsste es sich im selben Verzeichnis befinden, wie die HTML-Datei.

Im HTML-Code verweist Du ja auf CSS-Elemente (class="titlebar" ...).
So könnte es sein, dass in dieser CSS-Datei eventuell Formatierungen enthalten sind, die Deinen Seitenaufbau stören oder klassische Defaulteinstellungen überschreiben.

Schau mal, ob Du Sie findest.

Ist der Link zu Deiner Seite öffentlich (könnte man selbst mal ansehen) oder privat ? Falls public, poste ihn mal.

chriwi

Hallo liracon,

tatsaechlich da ist sowas, man lernt eben täglich dazu.
95% meines PHP-Codes stammen halt aus einem Paket(Popper), das ich nur fuer meinen embedded-Server(NSLU2) angepasst habe.

Die seite liegt zwar im internet, ist aber nur für meinen privaten Gebrauch und is deshalb Passwordgeschützt.

Als style.css wird folgendes übermittelt:

/*========================================================================
A POP3 web mail-client written in PHP
Copyright (C) 2000 by Jean-Pierre Bergamin

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License.

For more information see the file gpl.txt or go to
http://www.gnu.org/copyleft/gpl.html

==========================================================================*/

/*****************************

General styles

*****************************/

body {
font-family : Arial, Helvetica, sans-serif;
font-size: x-small;
background-color: #3A6EA5;
}

table {
font-size: x-small;
}

}

textarea {
font-size: x-small;
}

/*****************************

Window table border

*****************************/

.windowborder {
color: White;
background-color: silver;
border: thin outset silver;
}

/*****************************

Window

*****************************/

.window {
color: Black;
background-color: white;
}

.window a {
color: Black;
background-color: inherit;
text-decoration: none;
width: 100%;
}

.window a:hover {
color: inherit;
background-color: silver;
text-decoration: underline;
}

.window form {
margin: 0, 0, 0, 0;
padding: 0, 0, 0, 0;
}

.window fieldset {
margin: 3px, 3px, 3px, 3px;
padding: 5px, 5px, 5px, 5px;
}

/*****************************

Mailwindow

*****************************/

.mailwindow a {
font-weight: bolder;
}

.mailwindow a:visited {
font-weight: normal;
}

/*****************************

Titlebar

*****************************/

.titlebar {
color: white;
background-color: blue;
}

.titlebar a {
width: auto;
}

/*****************************

Toolbar

*****************************/

.toolbar {
color: Black;
background-color: silver;

}

.toolbar img {
margin-top: 2pt;
border: thin solid silver;
}

.toolbar a {
color: Black;
background-color: inherit;
border : 1px solid Silver;
/*padding: 10px, 10px, 10px, 10px; problems with Opera 4.02*/
width: auto;
}

.toolbar a:visited {
color: Black;
background-color: inherit;
}

.toolbar a:hover {
color: Black;
background-color: silver;
text-decoration: none;
border-top: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
}

.toolbar td {
border-top: 1px solid white;
border-bottom: 2px groove white;
border-left: 1px solid white;
border-right: 1px solid gray;
}

/*****************************

Header

*****************************/

.header table {
background-color: silver;
width=100%;
border-bottom: 1px solid gray;
}

.header tr {
width=100%;
background-color: silver;
}

.header hr {
width: 100%;
text-align: left;
}

.header p {
width: 100%;
}

/*****************************

Statusbar

*****************************/

.statusbar {
color: Red;
background-color: silver;
font-weight: bold;
font-size: normal;
}

.statusbar td {
border: thin inset silver;
}

/*****************************

Scrollbar

*****************************/

.scrollbar {
color: black;
background-color: #DDDDDD;
}

td.scrollbar {
width: 16px;
}

/*****************************

Window title

*****************************/

.windowtitle {
color: white;
background-color: Gray;
font-weight: bold;
margin-bottom: 0;
}

.windowtitle a {
color: white;
background-color: inherit;
font-weight: bold;
text-decoration: none;
}

.windowtitle a:hover {
color: white;
background-color: inherit;
font-weight: bold;
text-decoration: underline;
}

/*****************************

Child window

*****************************/

.childwindow {
color: Black;
background-color: silver;
border: thin outset silver;
width: 60%;
margin-top: 5%;
margin-bottom: 5%;
}

.childwindow form {
margin-top: 10pt;
margin-bottom: 10pt;
}

.childwindow form td {
text-align: left;
}

/*****************************

Button

*****************************/

.button {
width: 150px;
}

/*****************************

Smallbutton

*****************************/

.smallbutton {
color: Black;
background-color: silver;
text-decoration: none;
border-top: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
margin: 3px; 3px; 3px; 3px;
}

/*****************************

Calendar control

*****************************/

.calcontrol {

}

.calcontrol a {
color: red;
background-color: inherit;
text-decoration: none;
}

.calcontrol a:hover {
color: white;
background-color: blue;
}

.calcontrol td {
border: thin none white;
text-align: center;
}

/*****************************

Mail window

*****************************/

.mail {

}

.mail label {
font-weight: bolder;
}

.mail img {
vertical-align: middle;
}

/*****************************

Help window

*****************************/

.help {

}

.help dt {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bolder;
padding-bottom : 1ex;
padding-top : 2ex;
}

.help h3 {
padding-top: 1ex;
border-top: medium solid silver;
}

.help li {
margin-top: 3pt;
margin-bottom: 3pt;
}

.help a {
width: auto;
}

.help img {
vertical-align: middle;
}

siehst Du da einen Fehler?

Danke soweit fuer die schnelle Hilfe.

tschüs

chriwi