Zum Inhalt springen

IE und CSS / zwei "position: relative;" Elemente und IE macht sich selbständig

Erstellt am 29. November 2006 · 1 Antwort · letzte Antwort am 30. November 2006

Tags: Frage

ion ·

Hallo Zusammen

Ich hab wider einmal das alte Problem… IE. Ich verstehe nicht warum ich in IE einen abstand zwischen „kultuhrwerk.ch“ und der Navigation, Content… habe.
Ich habe doch schon einiges Ausprobiert und doch habe ich immer dasselbe Problem. Wäre super wenn ihr mir helfen könntet.

Vielen Dank. Gruss Manuel

Problemkind: http://www2.q-x.ch/~kultuhrw/index.php?id=6

CSS (http://www2.q-x.ch/~kultuhrw/fileadmin/layout/css-kultuhrwerk.css):

* {
	margin: 0; 
	padding: 0;
}

body {
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #723C29;
}

p{
	margin: 0;
	padding: 0;
}

#head{
	background-color:  #723C29;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
	width: 900px;
	height: 285px;
	background-image: url(head.gif);
}
#copyright{
	position: relative;
	left: 862px;
	top: 95px;
	height: 252px;
	width: 50px;
	background-image: url(copyright.gif);
	z-index: 5;
	}
#kultuhrwerk{
	position: relative;
	left: 5px;
	top: 220px;
	height: 50px;
	width: 552px;
	background-image: url(kultuhrwerk.gif);
	z-index: 6;
	}

#main{
	width: 900px;
	background-color:  #584731;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
	z-index: 20;
	}

#mainbg{
	float: left;
	width: 900px;
	margin-top: 0px;
	padding-bottom: 75px;
	background-color:#FFFFFF;
	background-image: url(foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

HTML (http://www2.q-x.ch/~kultuhrw/fileadmin/layout/dv-kultuhrwerk.html):

<div id="head">
<div id="kultuhrwerk"></div>
<div id="copyright"></div>
</div>

<div id="main">
<div id="mainbg">
<div id="sleft">
	<div id="nav">###NAV###</div>
	<div id="left">
	  ###LEFT###
	  </div>
</div>

<div id="content">###CONTENT###</div>

<div id="sright">###RIGHT###</div>
</div>
</div>
ion ·

Hallo Zusammen

Ich habe die Lösung gefunden:

definierte die übergeortnete Ebene als position:relativ;
und dafür die zwei folgeebenen als position:absolute;

ja so eifach wars... ;-)

Gruss Manuel