Simon: Darstelllungsprobleme mit IE

Beitrag lesen

SELF-Forum

Darstelllungsprobleme mit IE

Simon
– Informationen zu den Bewertungsregeln

Hallo Leute!

Ich bastle gerade an meiner Website und bin drauf gekommen, dass die Seite im IE anders ausschaut. Ich arbeite mit einem CMS und der Content-Teil wird immer herunter verschoben. Seht es doch mal an.
"Die Problemseite"

Mein Editor sagt mir,dass man "height und width: 100%" interpretieren kann, doch ich komm nicht drauf wie man es anders anschreiben soll.
Könnte wirklich Hilfe gebrauchen. Suche nämlich schon mehr und weniger aktiv seit Monaten.
Ich bin auch ein bisschen verwirrt, denn mein Computer sagt mir die ganze Zeit das das eine PHP ist. Ich hoffe, dass wenn HTML am Anfang steht das Ausschlaggebende ist.

lg Simon

<html>  
<head>  
  
  <jdoc:include type="head" />  
  
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />  
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />  
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/temp_stefan/css/template.css" type="text/css" />  
<!--[if lte IE 6]>  
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ieonly.css" rel="stylesheet" type="text/css" />  
<![endif]-->  
  
  
  
</head>  
<body>  
<div id="centereddiv">  
  <div id="kopfbereich">  
   <div id="logo"></div>  
    <div id="bereich1">  
      <jdoc:include type="modules" name="user3" style="xhtml" />  
    </div>  
    <div id="suche">  
      <jdoc:include type="modules" name="top" style="xhtml"   />  
    </div>  
  </div>  
  <div id="hauptanzeige">  
    <div id="breadcrumps">  
      <jdoc:include type="modules" name="breadcrumb" style="xhtml" />     </div>  
    <div id="rechte_seite">  
      <jdoc:include type="modules" name="right" style="xhtml" />     </div>  
    <div id="linke_seite">  
      <jdoc:include type="modules" name="left" style="xhtml" />     </div>  
    <div id="inhalt">  
      <jdoc:include type="component" style="xhtml"/>     </div>  
  </div>  
  <div id="fußzeile">  
    <div id="breich7"><div style="text-align: right;"><h6>Copyright Stefan Krejci</h6></div></style>  
      <jdoc:include type="modules" name="footer" style="xhtml"   />  
    </div>  
  </div>  
  </div>  
</body>  
</html>

Und hier noch der CSS Teil.

body { font-size: 14px;  
    font-family: Helvetica,Arial,sans-serif;  
    background-color: black;  
    color: Window;  
	  
    }  
	  
	  
	a:link {  
	text-decoration: none;  
	font-weight: normal;  
	color: red;  
}  
  
 a:visited {  
	text-decoration: none;  
	font-weight: normal;  
	color: red;  
}  
	  
	  
  #centereddiv {  
	position: relative;  
	left: 50%;  
	width: 1000px;  
	margin-left: -500px; /* negative Hälfte von width: 500px */  
	top: 0%;  
	height: auto;  
	/*margin-top: -200px; /* negative Hälfte von height: 300px */  
	  
}  
  
  #logo {  
  	background-image: url(../images/stk_logo.png);  
	width: 1000px;  
	height: 200px  
  }  
  
  #kopfbereich {  
    width: 100%;  
    height: 4em;  
    }  
  
  #hauptanzeige {  
    float: left;  
    width: 100%;  
    }  
  
  #fußzeile {  
    float: left;  
    width: 100%;  
	 }  
  
  #bereich1 {  
    margin: 0pt 0pt 1.2em;  
    width: 18em;  
    background-color: black;  
    float: left;  
    }  
  
  #suche {  
    margin: 0pt 0pt 1.1em;  
    background-color: black;  
    float: right;  
    width: 16em;  
    }  
  
  #breadcrunbs {  
    background-color: rgb(238, 238, 238);  
    }  
  
  #linke_seite {  
    margin: 0pt 0pt 1.2em;  
    float: left;  
    width: 13em;  
	 border: 1px solid white;  
	padding-left: 3px;  
	margin-right: 4px;  
    }  
  
  #inhalt {  
   /* margin: 0pt 12em 1em 16em; */  
    padding: 0pt 1em;  
	 width: auto;  
	 padding-left: 200px;  
    }  
  
  #rechte_seite {  
    margin: 0pt 0pt 1.1em;  
    float: right;  
    width: auto;  
    background-color: rgb(238, 238, 238);  
    }  
  
  #Bereich7 {  
    margin: 0pt 0pt 1.1em;  
    background-color: rgb(238, 238, 238);  
    }
Beitrag melden
–
Informationen zu den Bewertungsregeln