Iframe Problem
Hallo,
Ich habe die lezten 48 Stunden damit verbracht ein Design für meinen Jatcshe chat zusammen zu basteln nur leider gibt es ein Problem . Ich möchte es bewerkstelligen , das sich die Seite für Leute anpasst die vllt nur eine Auflösung von 1024x768 haben nur leider funktioniert dies mit 100% angaben nicht wirklich , ich habe keien Ahnung , wie viel prozent ich wo reinsetzen muss um die richtige optimierung zu erhalten. Unter www.chat.poke-on.de/hanzi/jatsche.php könnt ihr sehn wie es bis jezt aussieht.
Hier der Code von jatsche.php :
Code:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> .lol { color:#FFFFFF; } </style> <script type="text/javascript" src="./js/top.js"></script> <title><?= $cfg['chat_name'] ?></title> </head> <body style="background-color:#DDDDDD; margin-top:0px; margin-bottom:0px;"> <center> <table style="width:50%; height:100%; background-color:#232323;"> <tr> <td> <img style="float:left;" src="img.png" width="233" height="154" border="0" alt="" usemap="#map" /> <map id="freezer" name="map"> <area shape="poly" coords="62,149,61,137,64,137,67,141,72,139,77,140,79,135,84,139,89,135,89,149,91,151,67,151" alt="Profil" target="_blank" href="http://poke-on.de/hanzi/ucp/" /> <area shape="poly" coords="13,150,47,149,47,140,44,138,36,134,38,141,29,139,20,139,8,132,13,141" alt="" href="#" onclick="helpwindow();" /> <area shape="rect" coords="102,136,133,149" target="_blank" alt="Regeln" href="http://poke-on.de/index.php?content=regeln" /> <area shape="rect" coords="149,136,190,149" target="_blank" alt="" href="http://poke-on.de/index.php?content=preise" /> <area shape="rect" coords="205,137,222,148" target="_blank" alt="" href="http://poke-on.de/index.php?content=faq" /> </map> <table width="604" height="147" style="background-image:url('otbl.png');"> <tr> <td> <br /> <iframe style="height:70%; width:590px; border-width:0px;" src="./side.php?name=<?= $_REQUEST['name'] ?>&id=<?= $iid ?>" scrolling="no" noresize="noresize" frameborder="0" name="menuframe"></iframe> </td> </tr> </table> <br /><br /> <iframe style="height:460px; width:850px;" src="http://<?= $cfg['server_host'] ?>:<?= $cfg['server_port'] ?>/LOGIN?name=<?= $_REQUEST['name'] ?>&pwd=<?= $_REQUEST['pwd'] ?>&id=<?= $cid ?>&inputid=<?= $iid ?>" frameborder="0" scrolling="auto" noresize="noresize" framespacing="0" name="readframe"></iframe><br /> <iframe style="height:30px; width:850px;" src="./send.php?name=<?= $_REQUEST['name'] ?>&id=<?= $iid ?>" frameborder="0" scrolling="no" noresize="noresize" framespacing="0" name="sendframe"></iframe> </td> </tr> </table> </center> </body> </html>
Die pixel habe ich schon versucht durch Prozente zu ersetzen , ich brauche dringend Hilfe !
Hoffe auf schnelle Antwort
Antwort schreiben
Antwort 1 von masterproblem vom 05.01.2020, 00:23 Options
hier nochmal der Code schön geordnet:
<?php
require ('../_config.inc.php');
if ($_REQUEST['bake'] == '1') {
setcookie ('jatsche_user', $_REQUEST['name'], time () + 86400 * 90, '/');
setcookie ('jatsche_pass', $_REQUEST['pwd'], time () + 86400 * 90, '/');
} else {
setcookie ('jatsche_user', '', time (), '/');
setcookie ('jatsche_pass', '', time (), '/');
}
$cid = md5 (rand (1, 9999999));
$iid = sha1 (rand (1, 9999999));
echo '<?xml version="1.0" encoding="ISO-8859-1"?>' . "\n";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.lol {
color:#FFFFFF;
}
</style>
<script type="text/javascript" src="./js/top.js"></script>
<title><?= $cfg['chat_name'] ?></title>
</head>
<body style="background-color:#DDDDDD; margin-top:0px; margin-bottom:0px;">
<center>
<table style="width:50%; height:100%; background-color:#232323;">
<tr>
<td>
<img style="float:left;" src="img.png" width="233" height="154" border="0" alt="" usemap="#map" />
<map id="freezer" name="map">
<area shape="poly" coords="62,149,61,137,64,137,67,141,72,139,77,140,79,135,84,139,89,135,89,149,91,151,67,151" alt="Profil" target="_blank" href="http://poke-on.de/hanzi/ucp/" />
<area shape="poly" coords="13,150,47,149,47,140,44,138,36,134,38,141,29,139,20,139,8,132,13,141" alt="" href="#" onclick="helpwindow();" />
<area shape="rect" coords="102,136,133,149" target="_blank" alt="Regeln" href="http://poke-on.de/index.php?content=regeln" />
<area shape="rect" coords="149,136,190,149" target="_blank" alt="" href="http://poke-on.de/index.php?content=preise" />
<area shape="rect" coords="205,137,222,148" target="_blank" alt="" href="http://poke-on.de/index.php?content=faq" />
</map>
<table width="604" height="147" style="background-image:url('otbl.png');">
<tr>
<td>
<br />
<iframe style="height:70%; width:590px; border-width:0px;" src="./side.php?name=<?= $_REQUEST['name'] ?>&id=<?= $iid ?>" scrolling="no" noresize="noresize" frameborder="0" name="menuframe"></iframe>
</td>
</tr>
</table>
<br /><br />
<iframe style="height:460px; width:850px;" src="http://<?= $cfg['server_host'] ?>:<?= $cfg['server_port'] ?>/LOGIN?name=<?= $_REQUEST['name'] ?>&pwd=<?= $_REQUEST['pwd'] ?>&id=<?= $cid ?>&inputid=<?= $iid ?>" frameborder="0" scrolling="auto" noresize="noresize" framespacing="0" name="readframe"></iframe><br />
<iframe style="height:30px; width:850px;" src="./send.php?name=<?= $_REQUEST['name'] ?>&id=<?= $iid ?>" frameborder="0" scrolling="no" noresize="noresize" framespacing="0" name="sendframe"></iframe>
</td>
</tr>
</table>
</center>
</body>
</html>
Antwort 2 von katy vom 05.01.2020, 10:10 Options
Hallo masterproblem,
wenn du überall für Breiten %-Angaben nutzt, sollte das funktionieren wie gewünscht.
Ansonsten poste doch mal was nicht funktioniert. Aus deiner Beschreibung wird mir nämlich nicht klar, was du überhaupt ausprobiert hast.
Gruß
katy
Antwort 3 von masterproblem vom 05.01.2020, 10:23 Options
wie ich beschrieben habe , ich habe versucht das Design jezt z.b. für Leute die nur eine Auflösung von 1024x786 haben anzupassen , das diese Leute nicht scollen müssen und z.b. für Leute mit einer Auflösung von 1024x1600 das sich bei denen die Seite anpasst
Antwort 4 von masterproblem vom 05.01.2020, 10:27 Options
könntest du vllt mal posten , wie du es machen würdest also mit der anpassung ?
Antwort 5 von katy vom 05.01.2020, 10:46 Options
Hallo masterproblem,
schreibe hinter width - egal ob im style-Attribut oder beim width-Attribut selbst - einfach immer 100% als Größe dahinter und der Browser erledigt die Umrechnung entsprechend der tatsächlichen Browserfensterbreite selbst.
Übrigens ist nicht die Auflösung sondern die Browserfenster-(Viewport-)Größe entscheidend. Bei mir gibts da zB Riesen-Unterschiede, je nach Rechner zuhaus (Browser füllt 3/4 des Screens) oder in der Ausbildungsstätte (Browser füllt 1/4 des Screens, der Rest sind Entwicklertools).
Gruß
katy
Antwort 6 von masterproblem vom 05.01.2020, 10:54 Options
ja , nur wegen der höhe , wie viel prozent soll ich jezt wo einsetzen ?
Antwort 7 von masterproblem vom 05.01.2020, 10:58 Options
ich aheb dne inhalt der datei jezt in <?php
require ('../_config.inc.php');
if ($_REQUEST['bake'] == '1') {
setcookie ('jatsche_user', $_REQUEST['name'], time () + 86400 * 90, '/');
setcookie ('jatsche_pass', $_REQUEST['pwd'], time () + 86400 * 90, '/');
} else {
setcookie ('jatsche_user', '', time (), '/');
setcookie ('jatsche_pass', '', time (), '/');
}
$cid = md5 (rand (1, 9999999));
$iid = sha1 (rand (1, 9999999));
echo '<?xml version="1.0" encoding="ISO-8859-1"?>' . "\n";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.lol {
color:#FFFFFF;
}
</style>
<script type="text/javascript" src="./js/top.js"></script>
<title><?= $cfg['chat_name'] ?></title>
</head>
<body style="background-color:#DDDDDD; margin-top:0px; margin-bottom:0px;">
<center>
<table style="width:50%; height:100%; background-color:#232323;">
<tr>
<td>
<img style="float:left;" src="img.png" width="233" height="154" border="0" alt="" usemap="#map" />
<map id="freezer" name="map">
<area shape="poly" coords="62,149,61,137,64,137,67,141,72,139,77,140,79,135,84,139,89,135,89,149,91,151,67,151" alt="Profil" target="_blank" href="http://poke-on.de/hanzi/ucp/" />
<area shape="poly" coords="13,150,47,149,47,140,44,138,36,134,38,141,29,139,20,139,8,132,13,141" alt="" href="#" onclick="helpwindow();" />
<area shape="rect" coords="102,136,133,149" target="_blank" alt="Regeln" href="http://poke-on.de/index.php?content=regeln" />
<area shape="rect" coords="149,136,190,149" target="_blank" alt="" href="http://poke-on.de/index.php?content=preise" />
<area shape="rect" coords="205,137,222,148" target="_blank" alt="" href="http://poke-on.de/index.php?content=faq" />
</map>
<table width="604" height="147" style="background-image:url('otbl.png');">
<tr>
<td>
<br />
<iframe style="height:70%; width:100%; border-width:0px;" src="./side.php?name=<?= $_REQUEST['name'] ?>&id=<?= $iid ?>" scrolling="no" noresize="noresize" frameborder="0" name="menuframe"></iframe>
</td>
</tr>
</table>
<br /><br />
<iframe style="height:100%; width:100%;" src="http://<?= $cfg['server_host'] ?>:<?= $cfg['server_port'] ?>/LOGIN?name=<?= $_REQUEST['name'] ?>&pwd=<?= $_REQUEST['pwd'] ?>&id=<?= $cid ?>&inputid=<?= $iid ?>" frameborder="0" scrolling="auto" noresize="noresize" framespacing="0" name="readframe"></iframe><br />
<iframe style="height:100%; width:100%;" src="./send.php?name=<?= $_REQUEST['name'] ?>&id=<?= $iid ?>" frameborder="0" scrolling="no" noresize="noresize" framespacing="0" name="sendframe"></iframe>
</td>
</tr>
</table>
</center>
</body>
</html>
geändert nur n8unn sieht es total kaotisch aus , siehe selbst http://chat.poke-on.de/hanzi/frame/jatsche.php
Antwort 8 von katy vom 05.01.2020, 11:29 Options
Hallo masterproblem,
was ist daran chaotisch? Die Breite der Layouttabelle mit 604px empfinde ich als ein klitzekleines Guckloch, aber alles andere passt sich dem doch problemlos an.
katy
Antwort 9 von masterproblem vom 05.01.2020, 13:48 Options
nein tut es nihct aber egal , ich lasse jezrt das alte design
Antwort 10 von katy vom 05.01.2020, 15:04 Options
Hallo masterproblem,
schade, dass du das Handtuch wirfst. Aber es ist mir wirklich nicht klar geworden, was an dem Layout nun eigentlich erwünscht war und was dich gestört hat.
katy