nicht angemeldet
moinmoin
ich bastel immo an einer schönen kleinen seite mit folgender source:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>VBMZ Online Office</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function showMsg(text) {
document.picform.message.value = text;
}
// End -->
</script>
<style>
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: 5px; margin: 0px; position: absolute; top:96px; left: 0px; height: 350px; width: 150px; z-index: 10; background: #dddddd; border-right: solid 1px #003366; 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.five { padding: 0px; margin: 0px; position: absolute; top: 426px; left: 150px; height: 20px; width: 600px; z-index: 10; background: #8ab8f5; padding-left: 20px;}
div.six { padding: 5px; margin: 0px; position: absolute; top: 78px; left: 150px; height: 348px; width: 600px; z-index: 0; border-right: solid 1px #8ab8f5; 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;}
body { padding: 0px; margin: 0px;}
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: 0px; 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;}
img { padding: 0px; margin: 0px; border: 0px;}
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: 0px; margin: 0px; padding-left: 8px; position: absolute; left:: 10px; top: 25 px; 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>
</head>
<body>
<div name="one" class="one"><img src="img/top_graphic.jpg" width=633 height=57 alt=""></div>
<div name="two" class="two"><div name="ueberschrift" class="ueberschrift" align=right>VBMZ Online Office</div></div>
<div name="three" class="three"><img src="img/1x1.gif" width=250 height=18 alt="" border="0"><img src="img/template3_07.gif" width=34 height=18 alt="" border="0"></div>
<!--- Navigation Anfang --->
<div name="four" class="four">
<form action="dummie.html">
<br>
<p align="center"><button type="button" value="Übersicht" onClick="self.location.href='dummie.html'" onFocus="if(document.all) this.blur()"><img src="img/icon_notizen.gif" width=45 height=33 alt="" border=0 onmouseover="showMsg('Hier gelangen Sie zur Übersichtsseite');" onmouseout="showMsg('');"></button></p>
<p align="center"><button type="button" value="Nachrichten" onClick="self.location.href='dummie.html'" onFocus="if(document.all) this.blur()"><img src="img/icon_nachrichten.gif" width=46 height=32 alt="" border=0 onmouseover="showMsg('Hier gelangen Sie zur Nachrichtenseite');" onmouseout="showMsg('');"></button></p>
<p align="center"><button type="button" value="Kalender" 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 align="center"><button type="button" value="Chat" onClick="self.location.href='dummie.html'" onFocus="if(document.all) this.blur()"><img src="img/1x1.gif" width=30 height=30 alt="" border="0" onmouseover="showMsg('Hier gelangen Sie zur Chatseite');" onmouseout="showMsg('');"></button></p>
</form>
</div>
<!--- Navigation Ende --->
<!--- Nachrichtenzeile Anfang --->
<div name="five" class="five">
<form name="picform">
<input class="message" type="text" name="message" value="">
<input type="hidden" name="go" value="">
</form>
</div>
<!--- Nachrichtenzeile Ende --->
<!--- Content Anfang --->
<div name="six" class="six">
<div name="Nachrichten" class="nachrichten">
<form>
<fieldset><legend> Nachrichten </legend>
<input class="zahl" type="text" name="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" name="nachrichten1" value="Nachrichten gesamt">
</fieldset>
</form>
</div>
<div name="termine" class="termine">
<form>
<fieldset><legend> Termine </legend>
<ul>
<li>22-05-2002 | 16:23 Uhr | Termin 1
<li>23-05-2002 | 16:23 Uhr | Termin 2
<li>24-05-2002 | 16:23 Uhr | Termin 3
<li>25-05-2002 | 16:23 Uhr | Termin 4
<li>26-05-2002 | 16:23 Uhr | Termin 5
<li>27-05-2002 | 16:23 Uhr | Termin 6
<li>28-05-2002 | 16:23 Uhr | Termin 7
<li>29-05-2002 | 16:23 Uhr | Termin 8
<li>30-05-2002 | 16:23 Uhr | Termin 9
<li>31-05-2002 | 16:23 Uhr | Termin 10
</ul>
</fieldset>
</form>
</div>
<div name="Chat" class="Chat">
<form>
<fieldset><legend> Chat </legend>
<input class="zahl" type="text" name="neu" value="1234"><input class="nachricht" type="text" name="nachrichten1" value="User im Chat">
</fieldset>
</form>
</div>
</div>
<!--- Content Ende --->
</body>
</html>
von meinem verständniss her müßte das ganze im ie 5.x und nn 6.x identisch aussehen...tut es aber nicht :(.
kann mir jemand nen anhaltspunkt geben warum?
alles liebe und noch eine schönen montag morgen
ole
(8-)>
ps: vieleicht liegts einfach am montag das ich den fehler nicht finde *seuftz*