Browser Darstellung

simcon94

Hallo,

ich habe auf einer Seite 16 Buttons. Die alle gleich sind.
Im IE werden alle richtig dargestellt.
Im Opera auch, nur im Netscape und FireFox ist der erste Button im grösser als die anderen.
Wenn ich baer auf den Button click, dann hat er auf einmal die richtige Grösse.
Was könnte das sein?

nickname

Zeig doch mal die Seite...

simcon94

Die ist zu gross.
Eigentlich ist die Seite nix besonderes.
Kurzer Auszug:

Code

<tr height="50" align="center">
					<th width="218" align="left" height="50"><font face="Arial" size="2" id="COM_LEV_1"></font></th>
					<th width="40" align="center" height="50"><input type="button" id="BtnComLev1" name="SetEnable[1]" value="" onclick="SetEnableButton(1)" style="font-family:arial;background:#FF000F none;color:#000;width:2em" >
					<input type="hidden"  name="Hidden_EnableSL1" id="Hidden_EnableSL1_ID" size="9" value="%i" ></th>
					<th width="115" align="left" height="50"><input type="text" id="EditLevEarl1" name="ComLevOutEarliest1" size="9" onClick="openPopup(-1, 'ComLevOutEarliest1', '335', '279', '200', '700')" value="" >
					<font face="Arial" size="2" id="LABEL_EARLIEST_1">ms</font>
					</th>
					<th width="105" align="right" height="50" id="TAB[1]"><input type="text" id="EditLevLast1" name="ComLevOutLatest1" size="9"  onClick="openPopup(-1, 'ComLevOutLatest1', '335', '279', '200', '700')" > 
					<font face="Arial" size="2" id="LABEL_LATEST_1">ms</font>    
					</th>
					<td width="15" align="center" height="50" id="TAB[1]"><input type="hidden" name="ComLevOutEarliest1_Hidden" size="9" value="%.2f" ></td>
					<td width="15" align="center" height="50"  id="TAB[1]" ><input type="hidden"  name="ComLevOutLatest1_Hidden" size="9" value="%.2f" ></td>
				</tr>
				<tr height="50" align="center">
					<th width="218" align="left" height="50"></th>
					<th width="40" align="center" height="50">
					</th>
					<th width="115" align="left" height="50"></th>
					<td width="105" align="right" height="50" id="TAB[2]"></td>
					<td width="15" align="center" height="50" id="TAB[2]"></td>
					<td width="15" align="center" height="50" id="TAB[2]"></td>
					</tr>
				<tr height="50" align="center">
					<th width="218" height="50" align="left"><font face="Arial" size="2" id="COM_AUT_1"></font></th>
					<th height="50" width="40" align="center"><input type="button" id="BtnComAut1" name="SetEnable[3]" value="" onclick="SetEnableButton(3)" style="font-family:arial;background:#FF000F none;color:#000;width:2em" >
					<input type="hidden" name="Hidden_EnableSLP1"  id="Hidden_EnableSLP1_ID" size="9" value="%i" ></th>
					<th height="50" width="115" align="left"><input type="text" id="EditAutEarl1" name="ComAutSwitchEarliest1" size="9"  onClick="openPopup(-1, 'ComAutSwitchEarliest1', '335', '279', '200', '700')" >
					<font face="Arial" size="2" id="LABEL_EARLIEST_2">ms</font>
					</th>
					<th height="50" width="105" align="right" id="TAB[3]"><input type="text" id="EditAutLast1" name="ComAutSwitchLatest1" size="9"  onClick="openPopup(-1, 'ComAutSwitchLatest1', '335', '279', '200', '700')" >
					<font face="Arial" size="2" id="LABEL_LATEST_2">ms</font>
					</th>
					<td height="50" width="15" align="center" id="TAB[3]"><input type="hidden"  name="ComAutSwitchEarliest1_Hidden" size="9" value="%.2f" ></td>
					<td height="50" width="15" align="center" id="TAB[3]"><input type="hidden"  name="ComAutSwitchLatest1_Hidden" size="9"  value="%.2f" ></td>
				</tr>

Alles anzeigen

Ronald

Moin!

Aus einem Teilquelltext ist der Fehler nicht ersichtlich.
Wenn du deine HP und damit den Fehler nicht zeigen willst, dann werden wir dir hier nicht helfen können.

G.a.d.M.

Ronald

simcon94

Also hier die Seite.

HTML

<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<meta name="" content="Adobe GoLive 5">
		<title>Test_1</title>
<SCRIPT LANGUAGE="JavaScript">
// ============================================================================
// here begins java script code
// ============================================================================
var g_formular 	= 'FormMonitorCommon'
var g_abBtnEnable	= new Array();
for ( var i=1; i <= 4;i++)
{
  g_abBtnEnable[i]	= "FALSE";
}
var Box         = null;
var BoxOptions  = null;
var g_fieldIndex = 0;
var g_fieldName  = '';
var g_SL1_Earliest;
var g_SL1_Latest;
var g_SLP1_Earliest;
var g_SLP1_Latest;
var g_SLP2_Earliest;
var g_SLP2_Latest;
var g_EnableSL;
var g_EnableSLP1;
var g_EnableSLP2;
// variable for the msgbox from the menu side
var g_Changed = "FALSE";
var g_Side		= 'MonCommon';		
var g_Language = 0;
// ============================================================================
function CheckLanguage()
{
  g_Language = 1//document.FormMonitorCommon.Hidden_Language.value;
  if ( g_Language == 1)
  {
    document.getElementById('ENABLE').innerHTML = 'Freigabe';
    document.getElementById('COM_LEV_1').innerHTML = 'Button 1';
    document.getElementById('COM_AUT_1').innerHTML = 'Button 2';
    document.getElementById('COM_AUT_2').innerHTML = 'Button 3';
  }
  else if (g_Language == 2)
  {
    document.getElementById('ENABLE').innerHTML = 'Enable';
    document.getElementById('Text_Earliest').innerHTML = 'Earliest';
    document.getElementById('Text_Latest').innerHTML = 'Latest';
    document.getElementById('COM_LEV_1').innerHTML = 'Button 1';
    document.getElementById('COM_AUT_1').innerHTML = 'Button 2';
    document.getElementById('COM_AUT_2').innerHTML = 'Button 3';
  }
  else
  {
    alert("Wrong Language !!!");
  }
  return;	
}
// ============================================================================
function EnableEdits(bState, Button)
{
  if ( bState == "FALSE")
  {
    switch(Button)
    {
      case 1: document.getElementById("EditLevEarl1").style.visibility 				= "hidden";
					document.getElementById("EditLevLast1").style.visibility 				= "hidden";
					document.getElementById("LABEL_EARLIEST_1").style.visibility = "hidden";
					document.getElementById("LABEL_LATEST_1").style.visibility 	= "hidden";
					break;
      case 2: break;
      case 3: document.getElementById("EditAutEarl1").style.visibility 				= "hidden";
					document.getElementById("EditAutLast1").style.visibility 				= "hidden";
					document.getElementById("LABEL_EARLIEST_2").style.visibility = "hidden";
					document.getElementById("LABEL_LATEST_2").style.visibility 	= "hidden";
					break;
      case 4: document.getElementById("EditAutEarl2").style.visibility 				= "hidden";
					document.getElementById("EditAutLast2").style.visibility 				= "hidden";
					document.getElementById("LABEL_EARLIEST_3").style.visibility = "hidden";
					document.getElementById("LABEL_LATEST_3").style.visibility 	= "hidden";
					break;
      default:	alert("Wrong Button");
      				break;
    }
 }
  else
  {   
    switch(Button)
    {
		case 1:	document.getElementById("EditLevEarl1").style.visibility				= "visible";
						document.getElementById("EditLevLast1").style.visibility				= "visible";
						document.getElementById("LABEL_EARLIEST_1").style.visibility	= "visible";
						document.getElementById("LABEL_LATEST_1").style.visibility		= "visible";
						break;
		case 2:	break;
		case 3: 	document.getElementById("EditAutEarl1").style.visibility				= "visible";
						document.getElementById("EditAutLast1").style.visibility 				= "visible";
						document.getElementById("LABEL_EARLIEST_2").style.visibility	= "visible";
						document.getElementById("LABEL_LATEST_2").style.visibility		= "visible";
						break;
		case 4: 	document.getElementById("EditAutEarl2").style.visibility				= "visible";
						document.getElementById("EditAutLast2").style.visibility 				= "visible";
						document.getElementById("LABEL_EARLIEST_3").style.visibility	= "visible";
						document.getElementById("LABEL_LATEST_3").style.visibility		= "visible";
						break;
		default:	alert("Wrong Button");
      					break;
    }
  }
  return;
}
// ============================================================================
function SetEnableButton(Index)
{
  var Color, strID, strIDButton;
  switch(Index)
  {
    case 1:	strID = "BtnComLev1";
    				strIDButton = "Hidden_EnableSL1_ID";
    				break;
    case 2:	break;
    case 3:	strID = "BtnComAut1";
    				strIDButton = "Hidden_EnableSLP1_ID";
    				break;
    case 4:	strID = "BtnComAut2";
    				strIDButton = "Hidden_EnableSLP2_ID";
    				break;
    default:	break;
  } 
  // check is button pressed
  if (g_abBtnEnable[Index] == "TRUE")
  {
     g_abBtnEnable[Index] = "FALSE";
     document.getElementById(strIDButton).value = 0;
  }
  else
  {
     g_abBtnEnable[Index] = "TRUE";
     document.getElementById(strIDButton).value = 1;
  }
  // set button 
  if (g_abBtnEnable[Index] == "TRUE")
  {
    Color = "#16FF00";
    EnableEdits("TRUE", Index);
  }
  else
  {
    Color = "#FF000F";
    EnableEdits("FALSE", Index);
  }
  if( g_abBtnEnable[1]  == "FALSE" &&   g_abBtnEnable[3]  == "FALSE" &&  g_abBtnEnable[4]  == "FALSE")
  {
  }
  document.getElementById(strID).style.backgroundColor = Color; 
  return;
}
// ============================================================================
function ChangeBgColor(label)
{
  document.getElementById(label).style.backgroundColor='#0480C3';
  document.getElementById(label).style.color='#FFFFFF';
  return;
}
// ============================================================================
function SetBgColorBack(label)
{
  document.getElementById(label).style.backgroundColor='#CAE3F2';
  document.getElementById(label).style.color='#000000';
  return;
}
// ============================================================================
// end java script
// ============================================================================
</SCRIPT>
	</head>
	<body bgcolor="#ffffce" onload="CheckLanguage();"> 
	   <form name="FormMonitorCommon" method="post" id="MONCOMFORM">
			<table border="0" cellpadding="0" cellspacing="0">
				<tr height="16" align="center">
					<td width="218" height="16" align="center"></td>
					<th width="75" height="16" align="left"></th>
					<th width="115" height="16" align="left"></th>
					<th width="105" height="16" align="center"></th>
					<th width="15" height="16" align="center"></th>
					<th width="15" height="16" align="center"></th>
				</tr>
				<tr height="23" align="center">
					<th width="218" height="23" align="center"><font face="Arial" size="2"> </font></th>
					<th width="75" height="23" align="left"><font face="Arial" size="2" id="ENABLE"></font></th>
					<th width="115" height="23">
						<div align="center">
							<font face="Arial" size="2" id="Text_Earliest">Fr&uuml;hester</font></div>
					</th>
					<th width="105" height="23" align="center"><font face="Arial" size="2" id="Text_Latest">Sp&auml;tester</font></th>
					<th width="15" height="23" align="center"></th>
					<th width="15" height="23" align="center">
						<div align="center">
							</div>
					</th>
				</tr>
				<tr height="50" align="center">
					<th width="218" align="left" height="50"><font face="Arial" size="2" id="COM_LEV_1"></font></th>
					<th width="75" align="left" height="50">
					<input type="button" id="BtnComLev1" name="SetEnable[1]" value="" onclick="SetEnableButton(1)" style="font-family:arial;background:#FF000F none;color:#000;width:2em" ><input type="hidden"  name="Hidden_EnableSL1" id="Hidden_EnableSL1_ID" size="9" value="%i" ></th>
					<th width="115" align="left" height="50">
					<input type="text" id="EditLevEarl1" name="ComLevOutEarliest1" size="9" onClick="" value="" ><font face="Arial" size="2" id="LABEL_EARLIEST_1">ms</font></th>
					<th width="105" align="center" height="50" id="TAB[1]"><input type="text" id="EditLevLast1" name="ComLevOutLatest1" size="9"  onClick="" > <font face="Arial" size="2" id="LABEL_LATEST_1">ms</font></th>
					<td width="15" align="center" height="50" id="TAB[1]"><input type="hidden" name="ComLevOutEarliest1_Hidden" size="9" value="%.2f" ></td>
					<td width="15" align="center" height="50"  id="TAB[1]" ><input type="hidden"  name="ComLevOutLatest1_Hidden" size="9" value="%.2f" ></td>
				</tr>
				<tr height="50" align="center">
					<th width="218" align="left" height="50"></th>
					<th width="75" align="left" height="50"></th>
					<th width="115" align="left" height="50"></th>
					<th width="105" align="center" height="50" id="TAB[2]">
					</th>
					<td width="15" align="center" height="50" id="TAB[2]"></td>
					<td width="15" align="center" height="50" id="TAB[2]"></td>
					</tr>
				<tr height="50" align="center">
					<th width="218" height="50" align="left"><font face="Arial" size="2" id="COM_AUT_1"></font></th>
					<th height="50" width="75" align="left"><input type="button" id="BtnComAut1" name="SetEnable[3]" value="" onclick="SetEnableButton(3)" style="font-family:arial;background:#FF000F none;color:#000;width:2em" >
					<input type="hidden" name="Hidden_EnableSLP1"  id="Hidden_EnableSLP1_ID" size="9" value="%i" ></th>
					<th height="50" width="115" align="left"><input type="text" id="EditAutEarl1" name="ComAutSwitchEarliest1" size="9"  onClick="" >
					<font face="Arial" size="2" id="LABEL_EARLIEST_2">ms</font>
					</th>
					<th height="50" width="105" align="center" id="TAB[3]"><input type="text" id="EditAutLast1" name="ComAutSwitchLatest1" size="9"  onClick="" >
					<font face="Arial" size="2" id="LABEL_LATEST_2">ms</font>
					</th>
					<td height="50" width="15" align="center" id="TAB[3]"><input type="hidden"  name="ComAutSwitchEarliest1_Hidden" size="9" value="%.2f" ></td>
					<td height="50" width="15" align="center" id="TAB[3]"><input type="hidden"  name="ComAutSwitchLatest1_Hidden" size="9"  value="%.2f" ></td>
				</tr>
				<tr height="50" align="center">
					<th width="218" height="50" align="left"><font face="Arial" size="2" id="COM_AUT_2"></font></th>
					<th height="50" width="75" align="left"><input type="button" id="BtnComAut2" name="SetEnable[4]" value="" onclick="SetEnableButton(4)" style="font-family:arial;background:#FF000F none;color:#000;width:2em" >
					<input type="hidden" name="Hidden_EnableSLP2"  id="Hidden_EnableSLP2_ID" size="9" value="%i" ></th>
					<th height="50" width="115" align="left"><input type="text" id="EditAutEarl2" name="ComAutSwitchEarliest2" size="9"  onClick="">
					<font face="Arial" size="2" id="LABEL_EARLIEST_3">ms</font>
					</th>
					<th height="50" width="105" align="center" id="TAB[3]"><input type="text" id="EditAutLast2"  name="ComAutSwitchLatest2" size="9"  onClick="">
					<font face="Arial" size="2" id="LABEL_LATEST_3">ms</font>
					</th>
					<td height="50" width="15" align="center" id="TAB[3]"><input type="hidden"  name="ComAutSwitchEarliest2_Hidden" size="9" value="%.2f"></td>
					<td height="50" width="15" align="center" id="TAB[3]"><input type="hidden"  name="ComAutSwitchLatest2_Hidden" size="9"  value="%.2f" ></td>
				</tr>
			</table>



			


			


		</form>



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

Alles anzeigen

Modula

Ansicht der Seite zum debuggen

als erstes würde ich statt input type="button" den <button> Tag nehmen,
danach alles ordentlich in css Klassen verpacken statt dem inline css - und: mach die angaben zur abmessung in Pixeln, sowie: breite + höhe angeben

simcon94

OK.
Ich werde es versuchen.
Danke schon mal

simcon94

Also, jetzt hab ich alle input type="button"
in <button> geändert.
Nun macht der Netscape lauter kleine flache buttons.
Echt komisch.
Wie meinst du das mit Pixel ?

simcon94

Hat sich erledigt.
Nun fnuzt es.
Danke für den Tipp..........

Modula

Gerne doch

Tags