joschi789: Probleme mit der Darstellung des Layouts

Beitrag lesen

UPDATE!!

ich habe eure Ratschläge befolgt und habe nun folgendes : http://tdc.alexpoell.com/yoshi/index.php?id=42

Ich verwende nun kein einziges position mehr, und keine divs für schatten.

Die Darstellung im FF hat dennoch fehler, (scrollt einfach runter dann seht ihr es)
Die Darstellungim IE funktioniert.

HTML~~~html <html>
<head>
<title>Harramach Managment Beratung</title>
<meta name="author" content="Johannes Proksch">
<meta name="editor" content="html-editor phase 5">
<meta name="keywords" content="unternehmensberatung, wirtschaftstraining, erfolgskontrolle, weiterbildung, kennzahlen, beratung, benchmarks, controlling,coaching, e-learning, betriebliche, social, teamwork, skills, schl&Atilde;&frac14;sselqualifikationen, central, eastern , european, trainings, osteuropa, organizational,personnel, development, pers&Atilde;&para;nlichkeitsentwicklung, evaluation, bildung, gruppentraining, f&Atilde;&frac14;hrung, leadership, conflictmanagement, cooperation, communication, motivation, moderation, experiential, learning, human resource management">
<meta name="description" content="Sie bekommen einen &Atilde;&Aring;“berblick &Atilde;&frac14;ber HARRAMACH &amp; PARTNER; unser Trainernetzwerk, unsere Philosophie, unser Angebot, unsere Events und speziellen Services f&Atilde;&frac14;r unsere Kunden und Interessenten. -------- You get an overview about HARRAMACH &amp; PARTNER, our trainer&Acirc;&acute;s network, our philosophy, our offer, our events and special services for our customers and prospects.">

<link rel="stylesheet" type="text/css" href="styles_neu.css">
</head>
<body>
<!-- ###DOKUMENT### begin -->
<div id="grid">

<div id="head">
<div id="logo";><h1 id="h1">Harramach Managment Beratung</h1></div>
<div id="suche";>###SUCHE### &nbsp;&nbsp;&nbsp;</div>
         </div>
         <div id="menue_links">
###MENUE###
         </div>

<div id="content">
<p id="pfad">###PFAD###</p>
<p id="sprache">###SPRACHE###</p>
<div id="inhalt">###INHALT### </div>
</div>
</div>
<!-- ###DOKUMENT### end -->
</body>
</html>

  
  
CSS:~~~css
#grid{  
	margin:0px auto;  
	top:10px;  
	width:1000px;  
	min-height:100%;  
	height:100%;  
	background-color:GREEN;  
	 -moz-box-shadow: 8px 8px 100px #666, -8px 8px 100px #666, 8px -8px 100px #666;  
    -webkit-box-shadow: 8px 8px 100px #666, -8px 8px 100px #666, 8px -8px 100px #666;  
    box-shadow: 8px 8px 100px #666, -8px 8px 100px #666, 8px -8px 100px #666;  
	filter:  
	progid:DXImageTransform.Microsoft.Shadow(strength=10 ,color=gray,direction=0)  
	progid:DXImageTransform.Microsoft.Shadow(strength=50,color=gray,direction=90)  
	progid:DXImageTransform.Microsoft.Shadow(strength=50,color=gray,direction=275);  
	  
}  
body {  
 background-color:#B7B7B7;  
 height:100%;  
 height:auto;  
 margin:10px 0px; padding:0px;  
 text-align:center;  
  
}  
html {  
 height:100%;  
 height:auto;  
}  
#h1 {  
margin-left:-11100px;  
}  
#schatten_links{  
	  
	background-image: url('schatten_links.jpg');  
	width:25px;  
	height: 100%;  
	background-color:#B7B7B7;  
	float:left;  
}  
#schatten_rechts {  
	  
	background-image: url('schatten_rechts.jpg');  
	width:25px;  
	float:right;  
	background-color:#B7B7B7;  
}  
#head {  
	top:0px;  
	height:136px;  
	width:1000px;  
	background-color:blue;  
}  
#logo {  
	background-image: url('logo.jpg');  
	/*BORDER-TOP: #000000 1px solid;*/  
	height:113;  
	top:0px;  
	width:1000px;  
	background-color:WHITE;  
}  
#suche {  
	  
	background-image: url('leiste.jpg');  
	text-align:right;  
	height:23;  
	top:113px;  
	width:1000px;  
	background-color:WHITE;  
}  
#menue_links {  
	top:137px;  
	float:left;  
	background-image: url('menue.jpg');  
	width:200px;  
	height:100%;  
}  
#content {  
	float:left;  
	width:800px;  
	height: 100%;  
	background-color:WHITE;  
	  
}  
#pfad {  
	float:left;  
	text-align:left;  
	top:0px;  
	padding:10px;  
  
}  
  
#sprache {  
	float:right;  
	text-align:right;  
	top:0px;  
	padding:10px;  
}  
#inhalt {  
	float:left;  
	margin-left:20px;  
	width:600px;  
	text-align:left;  
}