✔ float-Problem mit dem IE

[visiondpc]

Hallo,
ich hab ein Problem mit zwei nebeneinander liegenden div-Containern. Der Rechte Container wird im IE immer rechts unter dem ersten div dargestellt. Ich kann aber nicht nachvollziehen woran es liegt. An der Breite kann es nicht liegen, da zwischen den Beiden noch massig Abstand ist. Es wäre nett, wenn da jemand mal einen Tipp für mich hätte.

<div id="blau">
  <div id="klickpfad">
    Sie sind hier: &raquo; <a href="index.php?id=13" >Home</a>
  </div>
  <div id="suche">
   <input type="text" id="search" />
  </div>
  <div class="clear"></div>
</div>

/* Klickpfad und Suche */
#blau {
	background-color: #00488d;
	width: 900;
	line-height: 31px;
}
#klickpfad {
	position: relative;
	color: #FFFFFF;
	padding: 8px;
	width: auto;
	float: left;
}
#klickpfad a {
	color: #FFFFFF;
	text-decoration: underline;
}
#klickpfad a:hover {
	text-decoration: none;
}
#suche {
	position: relative;
	width: 180px;
	margin-left: 720px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
}

 

[Maik]

Hi,

versuch es mal hiermit:

#blau {
        background-color: #00488d;
        width: 900px;
        line-height: 31px;
}

#suche {
        position: relative;
        /*width: 180px;*/ /* auskommentiert = deaktiviert */
        margin-left: 720px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #FFFFFF;
}

#suche form {
        margin:0 0 0 0 !important;
        margin:5px 0 0 0;
        padding:0;
}

<div id="blau">
     <div id="klickpfad">
          Sie sind hier: &raquo; <a href="index.php?id=13" >Home</a>
     </div>
     <div id="suche">
          <form><input type="text" id="search" /></form>
     </div>
</div>

 

[visiondpc]

Super, danke. Danach hat zwar im unteren Bereich der Seite nichts mehr gestimmt aber das kriege ich in den Griff.