• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

CSS und Javascript für Netscape 6.x

L

lorenlai

New member
Hallo,

kann jemand mir helfen bitte ?
Ich habe ein DIV-Layer gemacht und darin befindet sich mein Dropdown-List. Mein DIV-Layer habe ich absichtlich klein gemacht und in der CSS overflow:auto eingestellt, damit ich scrollen kann.

Das Problem ist, wenn ich die Eigenschaft overflow:auto benutze,
dann kann ich die Dropdown-List nicht mehr aufklappen.
Bei IE habe ich keine Probleme. Ich brauche es aber für Netscape 6.x :(
Kann jemand mir helfen ?
Und So sieht mein Code aus:

<html>
<head>

<style type="text/css">

#outline2{
Background-Color: #ffffff;
Width: 750px;
Height: 43px;
Border: 2px solid #6666CC;
Padding: 0px;
Font-Size: 13px;
overflow: auto;
}

.listBox1{
Background-Color: #ffffff;
Font-Size: 14px;
Width: 330px;
font-weight:bold;
font-family:Arial;
text-align: left;
color: #6666cc;
Border: 1px solid #6666cc;

}

.label1{
Background-Color: #ffffff;
Font-Size: 14px;
Width: 400px;
font-weight:bold;
font-family:Arial;
text-align: left;
color:#6666cc;
Border: 1px solid #6666cc;

}

</style>


</head>
<body bgcolor="#e9e9e9" topmargin="0" leftMargin="1" marginwidth="7" marginheight="0">
<form name="myForm" action="" method="post">

<div ID="outLine2">
<table cellspacing="1" cellpadding="0" border="0" width="736">
<tr>
<td>
<select name="sequenceNo0" class="listBox1" onChange="set()">
<option value="0" status="0"><keine></option>
<option value="1" status="0">aaaaaaaa</option>
<option value="2" status="0">bbbbbbbbbb</option>
<option value="3" status="1">ccccccccccccccc</option>
<option value="4" status="0">dddddddddd</option>
<option value="5" status="0">eeeeeeeee</option>
</select>
</td>
<td><input class="label1" type="text" value=" AAAAAAAA" disabled></td>
</tr>
<tr>
<td>
<select name="sequenceNo0" class="listBox1" onChange="set()">
<option value="0" status="0"><keine></option>
<option value="1" status="0">fffffffff</option>
<option value="2" status="0">ggggggggg</option>
<option value="3" status="1">hhhhhhhhh</option>
<option value="4" status="0">jjjjjjjjj</option>
<option value="5" status="0">kkkkkkkkk</option>
</select>
</td>
<td><input class="label1" type="text" value=" wwwww" disabled></td>
</tr>
<tr>
<td>
<select name="sequenceNo0" class="listBox1" onChange="set()">
<option value="0" status="0"><keine></option>
<option value="1" status="0">sdfgdfgdf</option>
<option value="2" status="0">43534534</option>
<option value="3" status="1">rtztrzrtz</option>
<option value="4" status="0">Itrztrztrz</option>
<option value="5" status="0">trztrztrz</option>
</select>
</td>
<td><input class="label1" type="text" value=" rtztrztrzrP" disabled></td>
</tr>

</table>
</div>
</form>
</body>
</html>
 
hallo,

du hast in der Zeile

<div ID="outline2">

"outLine" geschrieben.... wenn du das L durch ein kleines l ersetzt,
funktioniert es auch im netscape....

...und wenn du dann noch eine extra css-datei für netscape machst, darin
den layer etwas schmaler, vielleicht 30px hoch, dann stellt netscape des layer
auch ungefähr so dar wie IE...

so long,
planet4.
 
Zuletzt bearbeitet:
Hallo planet4,

vielen Dank für Deine Hilfe. Ich habe nun den Fehler korrigiert, dennoch kann ich diese Dropdownlist in der DIV-Layer nicht aufklappen.
Hier ist der original Code: Wo ist hier der Wurm ?
Wie gesagt, im IE kein Problem, aber im Netscape 6.x :(
----------------------------------------------------------------------------------

<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Stammdaten</title>
<style type="text/css">
td.headerLeft {background-image:url(data/Images/headerLeft.gif);font-weight:bold;text-align:center;font-size:14px;color:#FFFFFF}

#outline1{
Background-Color: #e9e9e9;
Width: 750px;
Height: 165px;
Border: 2px solid #6666CC;
Padding: 0px;
Font-Size: 14px;
}

#outline2{
Background-Color: #ffffff;
Width: 750px;
Height: 43px;
Border: 2px solid #6666CC;
Padding: 0px;
Font-Size: 13px;
overflow:auto;
}
#outline3{
Background-Color: #ceceff;
Width: 750px;
Height: 19px;
Border: 2px solid #6666CC;
Padding: 0px;
Font-Size: 13px;

}

#outline4{
Background-Color: #ffffff;
Width: 750px;
Height: 70px;
Border: 2px solid #6666CC;
Padding: 0px;
Font-Size: 13px;
overflow: auto;
}

.label1{
Background-Color: #ffffff;
Font-Size: 12px;
Width: 400px;
font-weight:bold;
font-family:Arial;
text-align: left;
color:#6666cc;
Border: 1px solid #6666cc;

}

.listBox1{
Background-Color: #ffffff;
Font-Size: 12px;
Width: 330px;
font-weight:bold;
font-family:Arial;
text-align: left;
color: #6666cc;
Border: 1px solid #6666cc;

}


.dummyLabel1{
Font-Size: 12px;
Width: 90px;
font-family:Arial;
text-align: center;
Border: 1px solid #6666cc;
background: #ceceff;
}

.dummyLabel2{
Font-Size: 12px;
Width: 560px;
font-family:Arial;
text-align: center;
Border: 1px solid #6666cc;
background: #ceceff;
}

.dummyLabel3{
Font-Size: 12px;
Width: 80px;
font-family:Arial;
text-align: center;
Border: 1px solid #6666cc;
background: #ceceff;
}


.dummyLabel1x{
Font-Size: 12px;
Width: 90px;
font-family:Arial;
text-align: center;
Border: 1px solid #6666cc;
background: #ffffff;
font-weight:normal;
}

.dummyLabel2y{
Font-Size: 12px;
Width: 560px;
font-family:Arial;
text-align: left;
Border: 1px solid #6666cc;
background: #ffffff;
font-weight:normal;
}

.dummyLabel3z{
Font-Size: 12px;
Width: 80px;
font-family:Arial;
text-align: center;
Border: 1px solid #6666cc;
background: #ffffff;
font-weight:normal;
}


.darkViolet2{
background-image:url(../Images/darkViolet.gif);
Font-Size: 12px;
color: #ffffff;
}

.yellowBG{
background-image:url(../Images/yellowLabel230.jpg);
Font-Size: 12px;
color: #000000;
}


.outbox{
Background-Color: #e9e9e9;
Border: 0px solid #6666CC;
font-family:Arial;
}

.outbox3{
Background-Color: #e9e9e9;
Border: 2px solid #6666CC;
font-family:Arial;
Width: 754px;
Height: 50px;
}

#normalFont{
font-family:Arial;
Font-Weight: normal;
}

.FKN{
Font-Size: 12px;
Width: 200px;
font-family:Arial;
text-align: left;
}

.inputField1{
Font-Size: 14px;
Width: 250px;
font-family:Arial;
text-align: left;
}

.inputField2{
Font-Size: 14px;
Width: 295px;
font-family:Arial;
text-align: left;
}


LEGEND.box1{
Color: #000000;
Background-Color: #e9e9e9;
Font-Weight: bold;
Text-Align: left;
Font-Size: 13px;
font-family:Arial;
}

FIELDSET.fbox1{
Color: #000000;
Background-Color: #e9e9e9;
Font-Weight: bold;
Width: 735px;
Border: 1px solid #6666cc;
font-family:Arial
}

td.yellowLabel230{
background-image:url(../Images/yellowLabel230.jpg);
font-family:Arial;
font-weight:bold;
text-align:left;
font-size:13px;
color:#000000
}



</style>
</head>
<body bgcolor="#e9e9e9" topmargin="0" leftMargin="1" marginwidth="7" marginheight="0">
<form name="myForm" action="" method="post">
<DIV STYLE="width: 780px; height: 640px; border:1; overflow: auto;">







<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="headerLeft" width="8" height="20"> </td><td class="headerMid" width="50" height="20">Stammdaten</td><td class="headerRight" width="15" height="20"> </td>
</tr>
</table>
<DIV ID="outLine1">
<table class="outbox" cellspacing="0" cellpadding="0" border="0" width="750">
<tr>
<td>
<FIELDSET CLASS="fbox1">
<LEGEND ALIGN="left" CLASS="box1">Anschrift</LEGEND>
<table cellspacing="2" cellpadding="0" border="0" width="730">
<tr>
<td>Straße Nr.</td><td CLASS="yellowLabel230" width="600"> Luetzowstr. 70-73</td>
</tr>
<tr>
<td>PLZ/Ort</td><td CLASS="yellowLabel230" width="600"> 000-10785 Berlin</td>
</tr>
</table>
</FIELDSET>
</td>
</tr>
</table>
<img height="3" width="745" border="0" src="data/Images/spacer.gif"><table class="outbox" cellspacing="0" cellpadding="0" border="0" width="750">
<tr>
<td>
<FIELDSET CLASS="fbox1">
<LEGEND ALIGN="left" CLASS="box1">Ansprechpartner <span id="normalFont">(im Unternehmen)</span></LEGEND>
<table cellspacing="2" cellpadding="0" border="0" width="730">
<tr>
<td>Name/Homepage</td><td width="250"><input class="inputField1" type="text" name value="Thomas Zimmermann u. Hans W. Korb" maxLength="35" size="20"></td><td width="250"><input class="inputField2" type="text" name="homepage" value="http://www.zimmermann.de" maxLength="35" size="30"></td><td width="150"><img src="data/Images/button_open.gif" border="0"></td>
</tr>
<tr>
<td>Telefon/Mobil</td><td width="250"><input class="inputField1" type="text" name="phoneNo" value="" maxLength="35" size="20"></td><td width="250"><input class="inputField2" type="text" name="mobileNo" value="26486 100 bzw. 150" maxLength="35" size="30"></td>
</tr>
<tr>
<td>Fax/Email</td><td width="250"><input class="inputField1" type="text" name="faxNo" value="" maxLength="35" size="20"></td><td width="250"><input class="inputField2" type="text" name="email" value="hkor@f.zimmermann.de" maxLength="35" size="30"></td>
</tr>
</table>
</FIELDSET>
</td>
</tr>
</table>
</DIV>
<img height="3" width="745" border="0" src="data/Images/spacer.gif">




<table width="754" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="darkVioletWithoutBorder"> sonstige Ansprechpartner
<img height="17" width="150" border="0" src="data/Images/spacer.gif">Name
</td><td height="20" width="6" class="darkVioletHeaderTail"> </td>
</tr>
</table>
<DIV id="outline2">
<table cellspacing="1" cellpadding="0" border="0" width="736">
<tr>
<td><select name="sequenceNo0" class="listBox1" onChange="set()"><option value="0" status="0"><keine></option><option value="1" status="0">Unternehmensberater</option><option value="2" status="0">Wirtschaftspruefer</option><option value="3" status="1">Steuerberater</option><option value="4" status="0">Interimsmanager</option><option value="5" status="0">Insolvenzverwalter</option></select></td><td><input class="label1" type="text" value=" Dr. Franzke - WP" disabled></td>
</tr>
<tr>
<td><select name="sequenceNo1" class="listBox1" onChange="set()"><option value="0" status="0"><keine></option><option value="1" status="1">Unternehmensberater</option><option value="2" status="0">Wirtschaftspruefer</option><option value="3" status="0">Steuerberater</option><option value="4" status="0">Interimsmanager</option><option value="5" status="0">Insolvenzverwalter</option></select></td><td><input class="label1" type="text" value=" Ansprechpartner1" disabled></td>
</tr>
<tr>
<td><select name="sequenceNo2" class="listBox1" onChange="set()"><option value="0" status="1"><keine></option><option value="1" status="0">Unternehmensberater</option><option value="2" status="0">Wirtschaftspruefer</option><option value="3" status="0">Steuerberater</option><option value="4" status="0">Interimsmanager</option><option value="5" status="0">Insolvenzverwalter</option></select></td><td><input class="label1" type="text" value=" Ansprechpartner2" disabled></td>
</tr>
</table>
</DIV>
<img height="5" width="745" border="0" src="data/Images/spacer.gif">


<table class="outbox3" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<FIELDSET CLASS="fbox1">
<LEGEND ALIGN="left" CLASS="box1">Details Partner</LEGEND>
<table cellspacing="0" cellpadding="0" border="0" width="734">
<tr>
<td class="darkViolet2" width="0"> Rechtsform</td><td class="yellowBG" width="0" height="17">GmbH und Co. KG</td><td class="darkViolet2" width="0">Gründung</td><td class="yellowBG" width="0" height="17">1982-12-22</td><td class="darkViolet2" width="0">Verb. seit</td><td class="yellowBG" width="0" height="17">1986-01-15</td><td class="darkViolet2" width="0">FKN</td><td class="darkViolet2" width="150"><select name="branchCustomerList" class="FKN" onChange="set()"><option value="1" customerStatus="1" status="1">700 6271902</option><option value="1" customerStatus="1" status="0">311 3648870</option><option value="1" customerStatus="1" status="0">311 3648871</option><option value="1" customerStatus="1" status="0">311 3648872</option></select></td>
</tr>
</table>
</FIELDSET>
</td>
</tr>
</table>
<img height="3" width="745" border="0" src="data/Images/spacer.gif"><DIV ID="outline3">
<table cellspacing="0" cellpadding="0" border="0" width="735">
<tr>
<td class="brightViolet"><input class="dummyLabel1" type="text" name="dummy" value="Code" disabled></td><td class="brightViolet"><input class="dummyLabel2" type="text" name="dummy" value="Branche" disabled></td><td class="brightViolet"><input class="dummyLabel3" type="text" name="dummy" value="Anteil in %" disabled></td>
</tr>
</table>
</DIV>


<DIV ID="outLine4">
<table cellspacing="1" cellpadding="0" border="0" width="735">
<tr>
<td class="brightViolet"><input class="dummyLabel1x" type="text" name="dummy" value="29240-00" disabled></td><td class="brightViolet"><input class="dummyLabel2y" type="text" name="dummy" value="Herstellung von Sondermasch., sonst. maschinenbauverwandten Erzeugniss" disabled></td><td class="brightViolet"><input class="dummyLabel3z" type="text" name="dummy" value="80" disabled></td>
</tr>
<tr>
<td class="brightViolet"><input class="dummyLabel1x" type="text" name="dummy" value="29245-00" disabled></td><td class="brightViolet"><input class="dummyLabel2y" type="text" name="dummy" value="Herstellung von anderen Maschinen" disabled></td><td class="brightViolet"><input class="dummyLabel3z" type="text" name="dummy" value="10" disabled></td>
</tr>
<tr>
<td class="brightViolet"><input class="dummyLabel1x" type="text" name="dummy" value="29250-00" disabled></td><td class="brightViolet"><input class="dummyLabel2y" type="text" name="dummy" value="Herstellung von noch anderen Maschinen" disabled></td><td class="brightViolet"><input class="dummyLabel3z" type="text" name="dummy" value="5" disabled></td>
</tr>
<tr>
<td class="brightViolet"><input class="dummyLabel1x" type="text" name="dummy" value="29250-00" disabled></td><td class="brightViolet"><input class="dummyLabel2y" type="text" name="dummy" value="Herstellung von noch noch anderen Maschinen" disabled></td><td class="brightViolet"><input class="dummyLabel3z" type="text" name="dummy" value="5" disabled></td>
</tr>
</table>
</DIV>





</DIV>
</form>
</body>
</html>
------------------------------------------------------------------------------------

Kannst du nochmals helfen ? Danke *hug* :)

Loren
 
hallo,

ich hab jetzt gerad keine Zeit weiter rumzusuchen, aber:
mit dem ersten Quelltext, den du geschickt hast, hat es problemlos funktioniert
nach der Verbesserung, s.o. -

beim diesem 2. Quelltext muss der Fehler irgendwo oberhalb von Zeile 282 liegen,
oder in den style-anweisungen? wenn du das obere auskommentierst, funktioniert
es nämlich, musste mal ausprobieren...

ciao,
planet4.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben