nicht angemeldet
Hallo,
wie versprochen, hier der funktionierende Code. Fehler: zweimal :: im stylesheet abstand top: 20 px anstatt top: 20px ids fehlten.
Tip: nicht mit form und input-Tags arbeiten, das kann nämlich der Opera nicht, daher alle Buttons mit title="Beschreibung" versehen, besser wäre hier auch ein Span-Tag anstatt Button. Zunächst sollte das hier aber reichen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>
<title>VBMZ Online Office</title>
<script type="text/javascript" language="JavaScript">
<!--
if(navigator.appName.indexOf("MSIE")==-1&&navigator.userAgent.indexOf("Opera")==-1){ document.write("<style type='text/css'> "+ "body{ scrollbar-base-color: #dddddd; scrollbar-3dlight-color: #dddddd; scrollbar-darkshadow-color: #dddddd; scrollbar-arrow-color: #003366; scrollbar-face-color: #dddddd; scrollbar-highlight-color: #003366; scrollbar-shadow-color: #003366; scrollbar-track-color: #dddddd;}"+ "div.four{direction: rtl; overflow: auto; scrollbar-base-color: #dddddd; scrollbar-3dlight-color: #dddddd; scrollbar-darkshadow-color: #dddddd; scrollbar-arrow-color: #003366; scrollbar-face-color: #dddddd; scrollbar-highlight-color: #003366; scrollbar-shadow-color: #003366; scrollbar-track-color: #dddddd;}"+ "div.six{overflow: auto; scrollbar-base-color: #8ab8f5; scrollbar-3dlight-color: #8ab8f5; scrollbar-darkshadow-color: #8ab8f5; scrollbar-arrow-color: #003366; scrollbar-face-color: #8ab8f5; scrollbar-highlight-color: #003366; scrollbar-shadow-color: #003366; scrollbar-track-color: #8ab8f5;}"+ "</style>"); } // --> </script> <script type="text/javascript" language="JavaScript"> <!-- function showMsg(text) { if (document.all||document.layers){ document.picform.message.value = text;} else if(document.getElementById){document.getElementById("five").innerHTML="<span style='position:relative;left:18px;width:350px;text-align:center'>"+text+"</span>";}
}
-->
</script>
<style type="text/css">
div.one { padding: 0px; margin: 0px; position: absolute; top: 0px; left: 0px; height: 57px; width: 750px; z-index: 10; background: #ffffff;}
div.two { padding: 0px; margin: 0px; position: absolute; top: 57px; left: 0px; height: 21px; width: 750px; z-index: 10; background: #8ab8f5;}
div.three { padding: 0px; margin: 0px; position: absolute; top: 78px; left: 0px; height: 18px; width: 300px; z-index: 10;}
div.four { padding: 0px; margin: 0px; position: absolute; top:96px; left: 1px; height: 348px; width: 150px; z-index: 11; background: #dddddd; border-right: solid 1px #003366; }
div.five {position:absolute; top: 425px; left: 152px; height: 20px; width: 600px; z-index: 10; background: #8ab8f5; }
div.six { padding: 0px; margin: 0px; position: absolute; top: 78px; left: 150px; height: 348px; width: 600px; z-index: 0; border-right: solid 1px #8ab8f5; }
body { padding: 0px; margin: 0px;font-size:0.8em/80%;}
form { padding: 0px; margin: 0px; border: 0px; font-family: arial,helvetica,sans-serif; font-size: 10px;}
form.nachrichten { padding: 0px; margin: 0px; border: 0px;}
input.message { padding-left:18px;margin: 0px; border: 0px; width: 550px; background: #8ab8f5; font-family: arial,helvetica,sans-serif; font-size: 10px;}
input.zahl { padding: 0px; margin: 0px; border: 0px; width: 30px; background: #ffffff; font-family: arial,helvetica,sans-serif; font-size: 10px;}
input.nachricht { padding: 0px; margin: 0px; border: 0px; width: 100px; background: #ffffff; font-family: arial,helvetica,sans-serif; font-size: 10px;}
button { padding: 0px; margin: 0px; width: 60px; height: 40px; background: #dddddd;}
div.nachrichten { padding: 0px; margin: 0px; padding-left: 8px; position: absolute; right: 10px; top: 10 px; width: 150px;}
div.chat { padding: 0px; margin: 0px; padding-left: 8px; position: absolute; right: 10px; bottom: 10px; width: 150px;}
div.termine { padding-left: 8px; position: relative; left: 10px; top: 25px; width: 400px;}
div.ueberschrift { padding: 0px; margin: 0px; padding-left: 8px; position: absolute; right: 10px; top: 2px; width: 150px; font-family: arial,helvetica,sans-serif; font-size: 15px; font-weight: bold; color: #003366;}
table.nachrichten { font-family: arial,helvetica,sans-serif; font-size: 11px;}
legend { font-family: arial,helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #000000;}
fieldset { border: solid 1px #003366;}
ul { padding-top: 5px; padding-bottom: 5px; padding-right: 30px; padding-left: 30px; margin: 0px; border: 0px;}
</style>
<style type="text/css">
p.c2 {text-align: center;}
div.c1 {text-align: right;}
</style> </HEAD> <BODY scrolling="auto" >
<div name="one" id="one" class="one">
<img src="img/top_graphic.jpg" width="633px" height="57px" alt=
"1">
</div>
<div name="two" id="two" class="two c1">
<p>VBMZ Online Office
</div>
<div name="three" id="three" class="three"><span style="position:relative;height:18px;width:250px;">
<img src="img/1x1.gif" width="250px" height="18px" alt="3" border=
"0"></span><span style="position:relative;height:18px;width:34px;"> <img src="img/template3_07.gif" width="34px" height="18px"
alt="3" border="0"></span>
</div>
<!--- Navigation Anfang =-->
<div name="four" id="four" class="four">
<form action="dummie.html"><BR>
<p class="c2"><button type="button" value="Übersicht" onmouseover="showMsg('Hier gelangen Sie zur Übersichtsseite');"
onmouseout="showMsg('');"
onclick="self.location.href='dummie.html'" onfocus="if(document.all) this.blur()"><img src="img/icon_notizen.gif" width="45" height="33" alt="Übersicht" title="hier gelangen Sie zur Übersichtseite"
border="0" onmouseover="showMsg('Hier gelangen Sie zur Übersichtsseite');"
onmouseout="showMsg('');"></button></P>
<p class="c2"><button type="button" value="Nachrichten" onmouseover="showMsg('Hier gelangen Sie zur Nachrichtenseite');" onmouseout="showMsg('');"
onclick="self.location.href='dummie.html'" onfocus="if(document.all) this.blur()"><img src=
"img/icon_nachrichten.gif" width="46px" height="32px" alt="Nachricht"
border="0" onmouseover="showMsg('Hier gelangen Sie zur Nachrichtenseite');"
onmouseout="showMsg('');"></button></p>
<p class="c2"><button type="button" value="Kalender" onmouseover="showMsg('Hier gelangen Sie zur Kalenderseite');"
onmouseout="showMsg('');"
onclick="self.location.href='dummie.html'" onfocus="if(document.all) this.blur()"><img src="img/icon_kalender.gif" width="45" height="31" alt=
"Kalender" titel="Hier gelangen Sie zur Kalenderseite"
border="0" onmouseover="showMsg('Hier gelangen Sie zur Kalenderseite');"
onmouseout="showMsg('');"></button></p>
<p class="c2"><button type="button" value="Chat" onmouseover=
"showMsg('Hier gelangen Sie zur Chatseite');" onmouseout=
"showMsg('');" onclick=
"self.location.href='dummie.html'" onfocus=
"if(document.all) this.blur()"><img src="img/1x1.gif"
width="30px" height="30px" alt="Chat" border="0" onmouseover=
"showMsg('Hier gelangen Sie zur Chatseite');" onmouseout=
"showMsg('');"></button></p>
</form> <BR>
</div>
<!-- Navigation Ende -->
<!-- Nachrichtenzeile Anfang -->
<div name="five" id="five" class="five">
<form name="picform">
<input class="message" type="text" id="messgae" name="message" value="">
<input type="hidden" name="go" id="go" value="">
</form>
</div>
<!-- Nachrichtenzeile Ende -->
<!-- Content Anfang -->
<div name="six" id="six" class="six">
<div name="Nachrichten" class="nachrichten">
<form>
<fieldset>
<legend> Nachrichten </legend>
<p> <input class="zahl" type="text"
name="neu" id="neu" value="1234"><input class="nachricht" type="text" name="nachrichten1" value=
"Neue Nachrichten"><br>
<input class="zahl" type="text"
name="neu" value="1234"><input class="nachricht" type="text" id="nachrichten1" name="nachrichten1" value="Nachrichten gesamt">
</fieldset>
</form>
</div>
<div name="termine" id="termine" class="termine">
<form>
<fieldset>
<legend> Termine </legend>
<ul>
<li>
<p>22-05-2002 | 16:23 Uhr | Termin 1
<li>
<p>23-05-2002 | 16:23 Uhr | Termin 2
<li>
<p>24-05-2002 | 16:23 Uhr | Termin 3
<li>
<p>25-05-2002 | 16:23 Uhr | Termin 4
<li>
<p>26-05-2002 | 16:23 Uhr | Termin 5
<li>
<p>27-05-2002 | 16:23 Uhr | Termin 6
<li>
<p>28-05-2002 | 16:23 Uhr | Termin 7
<li>
<p>29-05-2002 | 16:23 Uhr | Termin 8
<li>
<p>30-05-2002 | 16:23 Uhr | Termin 9
<li>
<p>31-05-2002 | 16:23 Uhr | Termin 10
</ul>
</fieldset>
</form>
</div>
<div name="Chat" id="chat" class="Chat">
<form>
<fieldset>
<legend> Chat </legend>
<p> <input class="zahl" type="text"
name="neu" value="1234"><input class="nachricht" type=
"text" name="nachrichten1" id="nachrichten1" value="User im Chat">
</fieldset>
</form>
</div>
</div>
<!-- Content Ende --> </BODY> </HTML>