Alter IE: Problem mit Positionierung

[PB_FRBG]

Hallo,

ich bin gerade am Aufbau einer Seite, habe allerdings ein Problem bei der Positionierung eines <div>-Elements. In Firefox, Opera und auch der aktuellen Version des IE wird alles richtig angezeigt, in älteren Versionen verschiebt sich das <div>-Element allerdings auf die rechte Seite.

Hier der relevante Code:

<div id="wrapper">
	<div id="menu">
		<jdoc:include type="modules" name="user3" style="" />
	</div>

	<div id="header">
        <jdoc:include type="modules" name="user5" style="xhtml" />
    	<img src="templates/<?php echo $this->template ?>/images/logo.png" alt="<?php echo $siteName; ?>" title="<?php echo $siteName; ?>" />
    </div>    
   
    <div id="mainsite">
        <div id="left_content">
       		<jdoc:include type="modules" name="left_content" style="xhtml" />
        </div>

        <div id="left">
       		<jdoc:include type="modules" name="left" style="xhtml" />
        	<jdoc:include type="modules" name="right" style="xhtml" />
        </div>

    	<div id="content">        
<div id="pic">
       		<jdoc:include type="modules" name="pic" style="xhtml" />
        </div>
			<jdoc:include type="component" />
        </div>
        
    </div>

#wrapper {
	width:936px;
	margin-left:auto;
	margin-right:auto;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

#header {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:0px;
}

#content {
	float:left;
	width:706px;
	background-color:#ffffff;
	margin-top:-20px;
	margin-left:20px;
	padding: 15px;
	border: 1px solid #bbbbbb;
}

#pic {
	width:705px;
	background-color:#ffffff;
	padding-bottom: 15px;
}

#menu_intern {
	float:right;
	high: -50px;
}

#left_content {
	position: absolute;
	top: 135px;
	width:185px;
	padding-left: 15px;
	padding-top: 15px;
	border: 0px solid;
}

#left {
	float:left;
	width:160px;
	background-color:#ffffff;
	padding-left: 15px;
	padding-top: 229px;
	padding-bottom: 15px;
	border: 1px solid #bbbbbb;
	margin-bottom:20px;
}

Jemand eine Idee?

Danke schoneinmal im vorraus!

 

[prm]

Welcher Div und welche IE-Version?
Falls es der IE 6 ist (darunter ist nicht mehr relavant) und du den #center meinst, dann gib #center noch ein

display: inline;

Begründung: IE-Doubled-float-Margin-Bug.

Ansonsten: Verwendest du einen standardkonformen Doctype?

Ggf. mal einen Link zur Problemseite posten.

 

[PB_FRBG]

Ups, tschuldige.
Betrifft das left-content-Element.
Ja, HTML-Head ist drin.

Kann nicht genau sagen, ab welcher Version das Problem nicht mehr auftritt. Bei IE5 definitiv und auch bei neueren. Problem ist, dass das Problem bei dem auftritt, für den ich die Seite mache...

 

[koslowski]

Hi,

wir können weder deine Bilder sehen, noch können wir mit diesen Eintragungen:

<jdoc:include type="modules" name="left" style="xhtml" />
        	<jdoc:include type="modules" name="right" style="xhtml" />

einen Testcase zum Probieren erstellen.
Besser ist ein Link zum Problem.

Was mir aber auffiel:

high: -50px;

Dieses Attribut gibt es nicht.
Warum ist left_content absolut positioniert?
Das erscheint mir nicht sinnvoll.

Aber ohne Link zum Problem können wir nur ein Ratequiz veranstalten.