✔ Probleme mit dem IE

Status
Nicht offen für weitere Antworten.
DonMarkeZ

DonMarkeZ

Mitglied
Hi,
ich habe hier eine Homepage, die auch wunderbar funktioniert, nur leider nicht im IE. Der FF zeigt es perfekt an, leider bekomm ich das so nicht für den IE hin....
Weiß wer Rat?


CSS: 
body {
	background-image: url(images/background.gif);
}

div#page {
	width: 1024px;
	height: 768px;
	margin: auto;
	padding: 0;
	background-image: url(images/SoWi.jpg);
	overflow: hidden;
}

div#menubar {
	position: relative;
	float: left;
	width: 19px;
	height: 287px;
	margin-left: 103px !important;
	margin-left: 51.5;
	margin-top: 147px;
	background-color: green;
}

div#content_rechts {
	float: right;
	width: 254px;
	height: 383px;	
	margin-right: 83px !important;
	margin-right: 41.5px;
	margin-top: 121px;
	background-color: green;
}

div#login {
	position: relative;
	right: 83px;
	float: right;
	width: 234px;
	margin-top: 510px;
	margin-right: -315px !important;
	margin-right: -630px;
	background-image: url(images/login.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

div#content_mitte {
	width: 561px;
	height: 437px;
	margin-top: 121px;
	margin-left: 122px;
	background-color: red;
}

div#menu {
	position: relative;
	width: 100%;
	background-image: url(images/menu.png);
	background-position: bottom;
	background-repeat: no-repeat;
}


HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />	
	<title>Unbenanntes Dokument</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript">  
	var intervall = 5;  
	var resizeStep = 2;  
	var maxHeightMenu = 249;  
	var minHeightMenu = 26;  
	var maxHeightLogin = 105; 
	var minHeightLogin = 19; 
	var timerMenu;  
	var timerLogin; 
	var klickGesperrtMenu = false;  
	var klickGesperrtLogin = false 
	var offenMenu = false 
	var offenLogin = false;  
	  
	function scroll(elemName) {  
		 if (elemName == "menu") { 
			  if (klickGesperrtMenu == false) { 
				   klickGesperrtMenu = true; 
				 timerMenu = setInterval("resize('" + elemName + "'," + minHeightMenu + "," + maxHeightMenu + ")",intervall);  
			  } 
		 } else if (elemName == "login") { 
			  if (klickGesperrtLogin == false) { 
				   klickGesperrtLogin = true; 
				   timerLogin = setInterval("resize('" + elemName + "'," + minHeightLogin + "," + maxHeightLogin + ")",intervall);     
			  } 
		 } 
	}  
	  
	function resize(name, minHeight, maxHeight) { 
		 elem = document.getElementById(name);  
		 aktHeight = parseInt(elem.style.height);  
		 if (name == "menu") {      
			   if (offenMenu) {       
					 ((aktHeight - resizeStep) < minHeight) ? (tmpResize = (aktHeight - minHeight)) : (tmpResize = resizeStep);  
					 elem.style.height = (aktHeight - tmpResize) + "px";  
					 //wenn gewünschte Größe erreicht Ende  
					 if (parseInt(elem.style.height) <= minHeight) {  
						   clearInterval(timerMenu);  
						   klickGesperrtMenu = false;  
						   offenMenu = false;  
					 }  
			   } else {  
					 ((aktHeight + resizeStep) > maxHeight) ? (tmpResize = (maxHeight - aktHeight)) : (tmpResize = resizeStep);  
					 elem.style.height = (aktHeight + tmpResize) + "px";  
					   
					 if (parseInt(elem.style.height) >= maxHeight) {  
						   clearInterval(timerMenu);  
						   klickGesperrtMenu = false;  
						   offenMenu = true;  
					 }  
			   }  
		 } else if (name == "login") { 
			  if (offenLogin) {       
				 ((aktHeight - resizeStep) < minHeight) ? (tmpResize = (aktHeight - minHeight)) : (tmpResize = resizeStep);  
				   elem.style.height = (aktHeight - tmpResize) + "px";  
				   //wenn gewünschte Größe erreicht Ende  
				   if (parseInt(elem.style.height) <= minHeight) {  
					 clearInterval(timerLogin);  
						klickGesperrtLogin = false;  
						offenLogin = false;  
				   }  
			  } else {  
				   ((aktHeight + resizeStep) > maxHeight) ? (tmpResize = (maxHeight - aktHeight)) : (tmpResize = resizeStep);  
				   elem.style.height = (aktHeight + tmpResize) + "px";  
				
				   if (parseInt(elem.style.height) >= maxHeight) {  
						clearInterval(timerLogin);  
						klickGesperrtLogin = false;  
						offenLogin = true;  
				   }  
			  }  
		 } 
	}  
	</script>
</head>

<body>
	<div id="page">
		<div id="menubar">			
		</div>			
		<div id="content_rechts">		
		</div>			
		<div id="login" onclick="scroll('login');" style="height: 19px;">		
		</div>
		<div id="content_mitte">			
			<div id="menu" onclick="scroll('menu');" style="height: 26px;">
			</div>
		</div>			
	</div>
</body>

</html>

Gruss
 
Hi,

probier es mal mit diesen Ergänzungen und verzichte beim DIV #content_mitte auf die Breitenangabe:

Code: 
html,body {
margin: 0;
padding: 0;
}

div#menubar {
        position: relative;
        float: left;
        width: 19px;
        height: 287px;
        margin-left: 103px !important;
        margin-left: 51.5px; /* Hier fehlte die Einheit */
        margin-top: 147px;
        background-color: green;
        margin-right: 0 !important;
        margin-right: -3px;
}

div#login {
        position: relative;
        right: 83px !important;
        right: 0px;
        float: right;
        width: 234px;
        margin-top: 510px;
        margin-right: -315px !important;
        margin-right: -630px;
        background-image: url(images/login.png);
        background-position: bottom;
        background-repeat: no-repeat;

}

div#content_mitte {
        height: 437px;
        margin-top: 121px;
        margin-left: 122px !important;
        margin-left: 119px;
        margin-right: 340px !important;
        margin-right: 337px;
        background-color: red;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück