✔ 100% Höhe ausnutzen

Status
Nicht offen für weitere Antworten.
N

notebook20000

Gesperrt
ich habe mehrere divs und möchte das diese im IE 6+ und Firefox ab 1.5 die volle Höhe ausnutzen

Irgendwie bekomme ich das nicht richtig hin. Weis jemand wie das geht ?

Hier mal der Coe. Im IE wird die MitarbeietrList mit ca 12 px höhe angezeigt. Prozentangaben gehen zwar aber auch nicht richtig bzw. dann spieltd er Firefox verrückt

Code: 
<table width="100%" style="height:100%;width:100%;" marginwidth="0" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td colspan="3" class="pagebighead" style="height:20px;">
			Mitarbeiterzuordnung f&uuml;r: <b><?echo $projektdata['projektname'];?></b> (<?echo $projektdata['PDID'];?>) -> <strong><?echo $aktiondata['aktionsname'];?></strong> (<?echo $aktiondata['AKTIONSID'];?>)
		</td>
	</tr>
	<tr>	
		<td style="width:100%;height:100%;border-right:1px solid black;">
			<div class="rowhead">
				Zurodnung importieren von:
			</div>
			<div class="row1">
				<div style="width:60px;float:left;">Projekt:</div>
				<div id="ListboxProjekte" style="float:clear;">
					<select ID="PDID2" name="PDID2"></select>
				</div>
			</div>
			<div class="row1">
				<div style="width:60px;float:left;">Aktion:</div>
				<div style="float:clear;">
					<span id="ListboxAktionen" ><select ID="AKTIONSID2" name="AKTIONSID2"></select></span>
					<input name="sendButton" type="button" value="Importieren">
				</div> 
				
			</div>
			<div class="rowhead">Mitarbeiterfreigabe</div>
			<div style="display:block;height:160px;">
				<div ID="MitarbeiterList" style="overflow:auto;height:160px;background-color:#ccc;">
				</div>
			</div>
		</td>
	</tr>
</table>

Hallo,

habs jetzt mal erst mit ner table Krücke gemacht. Das funktioniert super. Zwar würde ich ja gerne reine DOvs eisnetzen aber was nutzt mir das wenn es nicht korrekt funktioniert oder nru mit viel unsinnigem HAckcode?

Falsl jemand doch eine gute Lösung in reinem css kennt würde ich mich über einen Beitrag freuen. Heir der Cod emit table Lösung

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Willkommen</title>
<link rel="STYLESHEET" type="text/css" href="../../../css/kikenterprise/main.css">
<script language="JavaScript" type="text/javascript" src="../../../js/prototype/prototype.js"></script>
<script language="JavaScript" type="text/javascript" src="../../../js/ini.js"></script>
<script type="text/javascript"><?include ($includefile[0].".js");?></script>

<script language="JavaScript" type="text/JavaScript">
function ini()
 {
 loadMitarbeiterList();
 loadListboxProjekte();
 loadListboxAktionen();
 }

function loadListboxProjekte()
 {
 new Ajax.Updater("ListboxProjekte","mitarbeiteraktionszuordnung_ajax.php?a=loadListboxProjekte",   
  {
  method:'post',  
  onComplete: function(transport)
   {      
   var response = transport.responseText || "no response text"; 
   //alert("Success! \n\n" + response);
   },   
   onFailure: function(){ alert('Die Verbindung zum Server wurde unterbrochen!'); }  
  });  
 }
function loadListboxAktionen()
 {
 var PDID2   = document.getElementById('PDID2').value;
 new Ajax.Updater("ListboxAktionen","mitarbeiteraktionszuordnung_ajax.php?a=loadListboxAktionen&PDID2="+PDID2+"",   
  {
  method:'post',  
  onComplete: function(transport)
   {      
   var response = transport.responseText || "no response text"; 
   //alert("Success! \n\n" + response);
   },   
   onFailure: function(){ alert('Die Verbindung zum Server wurde unterbrochen!'); }  
  });  
 }

function loadMitarbeiterList()
 {
 var PDID   = document.getElementById('PDID').value;
 var AKTIONSID  = document.getElementById('AKTIONSID').value;
 new Ajax.Updater("MitarbeiterList","mitarbeiteraktionszuordnung_ajax.php?a=loadMitarbeiterList&PDID="+PDID+"&AKTIONSID="+AKTIONSID+"",   
  {
  method:'post',  
  onComplete: function(transport)
   {      
   var response = transport.responseText || "no response text"; 
   //alert("Success! \n\n" + response);
   },   
   onFailure: function(){ alert('Die Verbindung zum Server wurde unterbrochen!'); }  
  });  
 }

function saveEntry(obj,MAID,typ,n)
 {
 if(typ == 'Mitarbeiter')
  {
  if(document.getElementById('MitarbeiterSelect_'+n).checked == false)
   {
   obj.style.backgroundColor = '#222277';
   obj.style.color = 'white';
   document.getElementById('MitarbeiterSelect_'+n).checked = true;
   saveMAID(MAID,typ,'addMAID');
   }
  else
   {
   obj.style.backgroundColor = '#ffffff';
   obj.style.color = 'black';
   document.getElementById('MitarbeiterSelect_'+n).checked = false;
   saveMAID(MAID,typ,'deleteMAID');
   }
  }
 }

function over(obj,color,typ,n)
 {
//alert(document.getElementById('MitarbeiterSelect_'+n).checked +' '+document.getElementById('FaxSelect_'+n).checked);
 if(typ == 'Mitarbeiter')
  {
  if(document.getElementById('MitarbeiterSelect_'+n).checked == false)
   {
   obj.style.backgroundColor = color;
   obj.style.color = 'black';
   }
  }
 else if(typ == 'Fax')
  {
  if(document.getElementById('FaxSelect_'+n).checked == false)
   {
   obj.style.backgroundColor = color;
   obj.style.color = 'black';
   }
  }
 }
function out(obj,color,typ,n)
 {
//alert(document.getElementById('MitarbeiterSelect_'+n).checked +' '+document.getElementById('FaxSelect_'+n).checked);
 if(typ == 'Mitarbeiter')
  {
  if(document.getElementById('MitarbeiterSelect_'+n).checked == false)
   {
   obj.style.backgroundColor = color;
   obj.style.color = 'black';
   }
  }
 else if(typ == 'Fax')
  {
  if(document.getElementById('FaxSelect_'+n).checked == false)
   {
   obj.style.backgroundColor = color;
   obj.style.color = 'black';
   }
  }
 }
function getMAIDList(typ)
 { 
 var obj = document.getElementById(typ+'List');
 var anzahl = obj.getElementsByTagName('INPUT').length
 var MAIDLIST = Array();
 for(i=0;i<(anzahl/2);i++)
  {
  if(document.getElementById(typ+'Select_'+i).checked == true)
   {
   MAIDLIST[MAIDLIST.length] = document.getElementById(typ+'Select_'+i).value;
   }
  }
 return MAIDLIST;
 }
 
function saveMAID(MAID,typ,a)
 {
 // a == addMAID or deleteMAID 
 var PDID = document.getElementById('PDID').value;
 var AKTIONSID  = document.getElementById('AKTIONSID').value;
 //alert(PDID+'->'+AKTIONSID+' '+MAID+' '+typ+' '+a);
 new Ajax.Updater("","mitarbeiteraktionszuordnung_ajax.php?a="+a+"&PDID="+PDID+"&MAID="+MAID+"&AKTIONSID="+AKTIONSID+"&typ="+typ+"",   
  {
  method:'post',  
  onComplete: function(transport)
   {      
   var response = transport.responseText || "no response text"; 
   //alert("Success! \n\n" + response);
   },   
   onFailure: function(){ alert('Die Verbindung zum Server wurde unterbrochen!'); }  
  });  
 }
</script>
</head>
<body onLoad="this.focus();" class="popupbody" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<INPUT type="hidden" ID="PDID" name="PDID" value="<?echo $_REQUEST['PDID'];?>"> 
<INPUT type="hidden" ID="AKTIONSID" name="AKTIONSID" value="<?echo $_REQUEST['AKTIONSID'];?>"> 
<table style="height:100%;width:100%;" marginwidth="0" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td colspan="3" class="pagebighead">
   Mitarbeiterzuordnung f&uuml;r: <b><?echo $projektdata['projektname'];?></b> (<?echo $projektdata['PDID'];?>) -> <strong><?echo $aktiondata['aktionsname'];?></strong> (<?echo $aktiondata['AKTIONSID'];?>)
  </td>
 </tr>
 <tr> 
  <td style="width:100%;border-right:1px solid black;">
   <div class="rowhead">
    Zurodnung importieren von:
   </div>
   <div class="row1">
    <div style="width:60px;float:left;">Projekt:</div>
    <div id="ListboxProjekte" style="float:clear;">
     <select ID="PDID2" name="PDID2"></select>
    </div>
   </div>
   <div class="row1">
    <div style="width:60px;float:left;">Aktion:</div>
    <div style="float:clear;">
     <span id="ListboxAktionen" ><select ID="AKTIONSID2" name="AKTIONSID2"></select></span>
     <input name="sendButton" type="button" value="Importieren">
    </div> 
   </div>
  </td>
 </tr>
 <tr>
  <td style="width:100%;">
   <div class="rowhead">Mitarbeiterfreigabe</div>
  </td>
 </tr>
 <tr> 
  <td style="width:100%;height:100%;border-right:1px solid black;">
   <div style="display:block;height:100%;!important; height:100%;">
    <div ID="MitarbeiterList" style="overflow:auto;height:auto;!important; height:100%;background-color:#ccc;">
    </div>
   </div>
  </td>
 </tr>
</table>
</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück