Ergebnis 1 bis 10 von 10

Thema: Browser Darstellung

  1. #1
    Azubi(ne)
    Registriert seit
    28.07.2004
    Beiträge
    84
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Browser Darstellung

    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?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    25.07.2005
    Beiträge
    638
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zeig doch mal die Seite...
    Dieser Beitrag wurde maschinell erstellt und ist auch ohne Unterschrift gültig!
    Satellitenbilder und Luftaufnahmen weltweit
    Ausflugsziele und Freizeit-Tipps aus Rheinland-Pfalz


  3. #3
    Azubi(ne)
    Themenstarter

    Registriert seit
    28.07.2004
    Beiträge
    84
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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&#91;1&#93;" value="" onclick="SetEnableButton&#40;1&#41;" style="font-family&#58;arial;background&#58;#FF000F none;color&#58;#000;width&#58;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&#40;-1, 'ComLevOutEarliest1', '335', '279', '200', '700'&#41;" value="" >
    					<font face="Arial" size="2" id="LABEL_EARLIEST_1">ms</font>
    					</th>
    					<th width="105" align="right" height="50" id="TAB&#91;1&#93;"><input type="text" id="EditLevLast1" name="ComLevOutLatest1" size="9"  onClick="openPopup&#40;-1, 'ComLevOutLatest1', '335', '279', '200', '700'&#41;" > 
    					<font face="Arial" size="2" id="LABEL_LATEST_1">ms</font>    
    					</th>
    					<td width="15" align="center" height="50" id="TAB&#91;1&#93;"><input type="hidden" name="ComLevOutEarliest1_Hidden" size="9" value="%.2f" ></td>
    					<td width="15" align="center" height="50"  id="TAB&#91;1&#93;" ><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&#91;2&#93;"></td>
    					<td width="15" align="center" height="50" id="TAB&#91;2&#93;"></td>
    					<td width="15" align="center" height="50" id="TAB&#91;2&#93;"></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&#91;3&#93;" value="" onclick="SetEnableButton&#40;3&#41;" style="font-family&#58;arial;background&#58;#FF000F none;color&#58;#000;width&#58;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&#40;-1, 'ComAutSwitchEarliest1', '335', '279', '200', '700'&#41;" >
    					<font face="Arial" size="2" id="LABEL_EARLIEST_2">ms</font>
    					</th>
    					<th height="50" width="105" align="right" id="TAB&#91;3&#93;"><input type="text" id="EditAutLast1" name="ComAutSwitchLatest1" size="9"  onClick="openPopup&#40;-1, 'ComAutSwitchLatest1', '335', '279', '200', '700'&#41;" >
    					<font face="Arial" size="2" id="LABEL_LATEST_2">ms</font>
    					</th>
    					<td height="50" width="15" align="center" id="TAB&#91;3&#93;"><input type="hidden"  name="ComAutSwitchEarliest1_Hidden" size="9" value="%.2f" ></td>
    					<td height="50" width="15" align="center" id="TAB&#91;3&#93;"><input type="hidden"  name="ComAutSwitchLatest1_Hidden" size="9"  value="%.2f" ></td>
    				</tr>

  4. #4
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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

  5. #5
    Azubi(ne)
    Themenstarter

    Registriert seit
    28.07.2004
    Beiträge
    84
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Also hier die Seite.

    Code:
    <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&#40;&#41;;
    for &#40; var i=1; i <= 4;i++&#41;
    &#123;
      g_abBtnEnable&#91;i&#93;	= "FALSE";
    &#125;
    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&#40;&#41;
    &#123;
      g_Language = 1//document.FormMonitorCommon.Hidden_Language.value;
      if &#40; g_Language == 1&#41;
      &#123;
        document.getElementById&#40;'ENABLE'&#41;.innerHTML = 'Freigabe';
        document.getElementById&#40;'COM_LEV_1'&#41;.innerHTML = 'Button 1';
        document.getElementById&#40;'COM_AUT_1'&#41;.innerHTML = 'Button 2';
        document.getElementById&#40;'COM_AUT_2'&#41;.innerHTML = 'Button 3';
      &#125;
      else if &#40;g_Language == 2&#41;
      &#123;
        document.getElementById&#40;'ENABLE'&#41;.innerHTML = 'Enable';
        document.getElementById&#40;'Text_Earliest'&#41;.innerHTML = 'Earliest';
        document.getElementById&#40;'Text_Latest'&#41;.innerHTML = 'Latest';
        document.getElementById&#40;'COM_LEV_1'&#41;.innerHTML = 'Button 1';
        document.getElementById&#40;'COM_AUT_1'&#41;.innerHTML = 'Button 2';
        document.getElementById&#40;'COM_AUT_2'&#41;.innerHTML = 'Button 3';
      &#125;
      else
      &#123;
        alert&#40;"Wrong Language !!!"&#41;;
      &#125;
      return;	
    &#125;
    // ============================================================================
    function EnableEdits&#40;bState, Button&#41;
    &#123;
      if &#40; bState == "FALSE"&#41;
      &#123;
        switch&#40;Button&#41;
        &#123;
          case 1&#58; document.getElementById&#40;"EditLevEarl1"&#41;.style.visibility 				= "hidden";
    					document.getElementById&#40;"EditLevLast1"&#41;.style.visibility 				= "hidden";
    					document.getElementById&#40;"LABEL_EARLIEST_1"&#41;.style.visibility = "hidden";
    					document.getElementById&#40;"LABEL_LATEST_1"&#41;.style.visibility 	= "hidden";
    					break;
          case 2&#58; break;
          case 3&#58; document.getElementById&#40;"EditAutEarl1"&#41;.style.visibility 				= "hidden";
    					document.getElementById&#40;"EditAutLast1"&#41;.style.visibility 				= "hidden";
    					document.getElementById&#40;"LABEL_EARLIEST_2"&#41;.style.visibility = "hidden";
    					document.getElementById&#40;"LABEL_LATEST_2"&#41;.style.visibility 	= "hidden";
    					break;
          case 4&#58; document.getElementById&#40;"EditAutEarl2"&#41;.style.visibility 				= "hidden";
    					document.getElementById&#40;"EditAutLast2"&#41;.style.visibility 				= "hidden";
    					document.getElementById&#40;"LABEL_EARLIEST_3"&#41;.style.visibility = "hidden";
    					document.getElementById&#40;"LABEL_LATEST_3"&#41;.style.visibility 	= "hidden";
    					break;
          default&#58;	alert&#40;"Wrong Button"&#41;;
          				break;
        &#125;
     &#125;
      else
      &#123;   
        switch&#40;Button&#41;
        &#123;
    		case 1&#58;	document.getElementById&#40;"EditLevEarl1"&#41;.style.visibility				= "visible";
    						document.getElementById&#40;"EditLevLast1"&#41;.style.visibility				= "visible";
    						document.getElementById&#40;"LABEL_EARLIEST_1"&#41;.style.visibility	= "visible";
    						document.getElementById&#40;"LABEL_LATEST_1"&#41;.style.visibility		= "visible";
    						break;
    		case 2&#58;	break;
    		case 3&#58; 	document.getElementById&#40;"EditAutEarl1"&#41;.style.visibility				= "visible";
    						document.getElementById&#40;"EditAutLast1"&#41;.style.visibility 				= "visible";
    						document.getElementById&#40;"LABEL_EARLIEST_2"&#41;.style.visibility	= "visible";
    						document.getElementById&#40;"LABEL_LATEST_2"&#41;.style.visibility		= "visible";
    						break;
    		case 4&#58; 	document.getElementById&#40;"EditAutEarl2"&#41;.style.visibility				= "visible";
    						document.getElementById&#40;"EditAutLast2"&#41;.style.visibility 				= "visible";
    						document.getElementById&#40;"LABEL_EARLIEST_3"&#41;.style.visibility	= "visible";
    						document.getElementById&#40;"LABEL_LATEST_3"&#41;.style.visibility		= "visible";
    						break;
    		default&#58;	alert&#40;"Wrong Button"&#41;;
          					break;
        &#125;
      &#125;
      return;
    &#125;
    // ============================================================================
    function SetEnableButton&#40;Index&#41;
    &#123;
      var Color, strID, strIDButton;
      switch&#40;Index&#41;
      &#123;
        case 1&#58;	strID = "BtnComLev1";
        				strIDButton = "Hidden_EnableSL1_ID";
        				break;
        case 2&#58;	break;
        case 3&#58;	strID = "BtnComAut1";
        				strIDButton = "Hidden_EnableSLP1_ID";
        				break;
        case 4&#58;	strID = "BtnComAut2";
        				strIDButton = "Hidden_EnableSLP2_ID";
        				break;
        default&#58;	break;
      &#125; 
      // check is button pressed
      if &#40;g_abBtnEnable&#91;Index&#93; == "TRUE"&#41;
      &#123;
         g_abBtnEnable&#91;Index&#93; = "FALSE";
         document.getElementById&#40;strIDButton&#41;.value = 0;
      &#125;
      else
      &#123;
         g_abBtnEnable&#91;Index&#93; = "TRUE";
         document.getElementById&#40;strIDButton&#41;.value = 1;
      &#125;
      // set button 
      if &#40;g_abBtnEnable&#91;Index&#93; == "TRUE"&#41;
      &#123;
        Color = "#16FF00";
        EnableEdits&#40;"TRUE", Index&#41;;
      &#125;
      else
      &#123;
        Color = "#FF000F";
        EnableEdits&#40;"FALSE", Index&#41;;
      &#125;
      if&#40; g_abBtnEnable&#91;1&#93;  == "FALSE" &&   g_abBtnEnable&#91;3&#93;  == "FALSE" &&  g_abBtnEnable&#91;4&#93;  == "FALSE"&#41;
      &#123;
      &#125;
      document.getElementById&#40;strID&#41;.style.backgroundColor = Color; 
      return;
    &#125;
    // ============================================================================
    function ChangeBgColor&#40;label&#41;
    &#123;
      document.getElementById&#40;label&#41;.style.backgroundColor='#0480C3';
      document.getElementById&#40;label&#41;.style.color='#FFFFFF';
      return;
    &#125;
    // ============================================================================
    function SetBgColorBack&#40;label&#41;
    &#123;
      document.getElementById&#40;label&#41;.style.backgroundColor='#CAE3F2';
      document.getElementById&#40;label&#41;.style.color='#000000';
      return;
    &#125;
    // ============================================================================
    // end java script
    // ============================================================================
    </SCRIPT>
    	</head>
    	<body bgcolor="#ffffce" onload="CheckLanguage&#40;&#41;;"> 
    	   <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&#91;1&#93;" value="" onclick="SetEnableButton&#40;1&#41;" style="font-family&#58;arial;background&#58;#FF000F none;color&#58;#000;width&#58;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&#91;1&#93;"><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&#91;1&#93;"><input type="hidden" name="ComLevOutEarliest1_Hidden" size="9" value="%.2f" ></td>
    					<td width="15" align="center" height="50"  id="TAB&#91;1&#93;" ><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&#91;2&#93;">
    					</th>
    					<td width="15" align="center" height="50" id="TAB&#91;2&#93;"></td>
    					<td width="15" align="center" height="50" id="TAB&#91;2&#93;"></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&#91;3&#93;" value="" onclick="SetEnableButton&#40;3&#41;" style="font-family&#58;arial;background&#58;#FF000F none;color&#58;#000;width&#58;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&#91;3&#93;"><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&#91;3&#93;"><input type="hidden"  name="ComAutSwitchEarliest1_Hidden" size="9" value="%.2f" ></td>
    					<td height="50" width="15" align="center" id="TAB&#91;3&#93;"><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&#91;4&#93;" value="" onclick="SetEnableButton&#40;4&#41;" style="font-family&#58;arial;background&#58;#FF000F none;color&#58;#000;width&#58;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&#91;3&#93;"><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&#91;3&#93;"><input type="hidden"  name="ComAutSwitchEarliest2_Hidden" size="9" value="%.2f"></td>
    					<td height="50" width="15" align="center" id="TAB&#91;3&#93;"><input type="hidden"  name="ComAutSwitchLatest2_Hidden" size="9"  value="%.2f" ></td>
    				</tr>
    			</table>
    			
    
    			
    
    			
    
    		</form>
    		
    
    </p>
    	</body>
    </html>

  6. #6
    Kaiserliche Hoheit
    Registriert seit
    15.07.2005
    Ort
    Hagen (NRW)
    Beiträge
    1.515
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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
    Zoggerforum.de Betreuer * Mod @ ibforen.de * Admin @ daoc-ds.de
    ICQ Nummer kann via PN erfragt werden

  7. #7
    Azubi(ne)
    Themenstarter

    Registriert seit
    28.07.2004
    Beiträge
    84
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    OK.
    Ich werde es versuchen.
    Danke schon mal

  8. #8
    Azubi(ne)
    Themenstarter

    Registriert seit
    28.07.2004
    Beiträge
    84
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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 ?

  9. #9
    Azubi(ne)
    Themenstarter

    Registriert seit
    28.07.2004
    Beiträge
    84
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

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

  10. #10
    Kaiserliche Hoheit
    Registriert seit
    15.07.2005
    Ort
    Hagen (NRW)
    Beiträge
    1.515
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Gerne doch
    Zoggerforum.de Betreuer * Mod @ ibforen.de * Admin @ daoc-ds.de
    ICQ Nummer kann via PN erfragt werden

Ähnliche Themen

  1. Darstellung ok?
    Von Foulfang im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 25
    Letzter Beitrag: 04.05.2008, 18:11
  2. Popup-Darstellung
    Von rwo-tony im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 02.02.2008, 22:38
  3. probleme mit der darstellung im ie6.0
    Von desperate_andy im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 08.11.2006, 21:13
  4. Browser Emulator Browserarchiv auch alte Browser
    Von meikschmidt im Forum Link Tipps
    Antworten: 1
    Letzter Beitrag: 17.10.2006, 19:28
  5. problem mit Darstellung im IE ?
    Von lola im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 20.08.2006, 20:29

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •