Divs vil ikke inline i IE6

Der er mange CSS-filer på siden, så det ku' være en idé, at du kopierer den rigtige del herind. Så vil flere nok gerne hjælpe.

På siden lige nu, er den da ikke sat til inline men til block?

Her er html source'en og derefter css'en:

<div id="outercontainer">
  <div id="container">
  <div class="topgraphic"><!--@DwTopGraphic--></div>
  <div class="logo"><!--@DwTopLogo--></div>
  <div id="topmenu"><!--@TopMenu--></div>

  <div class="search">
    <form action="Default.aspx" method="get" name="SearchForm1">
    <input type="hidden" name="ID" value="15" />
    <div id="searchfield">
    <div class="txt">
      <input type="text" name="q" id="q" value="Skjót leiting"
      onfocus="clearField('q','Skjót leiting','onfocus');"
      onblur="clearField('q','Skjót leiting','onblur');" />
    </div>
    <div class="img">
      <img src="/Files/System/btn_search.gif" alt="Skjót leiting" class="submitter"
      onclick="if(SearchForm1.q.value != 'Skj&oacute;t leiting'){SearchForm1.submit();}else{alert('Vinarliga br&uacute;ka anna&eth; leitior&eth;!');}" />
    </div>
    </div>
    </form>
    <!--@Global:Paragraph.Content(66)-->
  </div>

  <div class="menuholder" style="width: <!--@DwMenuWidth-->px;">
    <!--@LeftMenu-->
    <div id="extranet">
    <!--@If Defined(Global:Extranet.UserName)-->
      <div class="in">
      <div class="text">Innritaður haldari:<br /><b><!--@Global:Extranet.Name--></b></div>
      <div class="btn">
        <form name="ExtUserFormOut" id="ExtUserFormOut" method="post" action="/Admin/public/extranetlogoff.aspx">
        <img src="/Files/System/btn_extranet_out.gif" alt="Útgongd" class="submitter" onclick="document.ExtUserFormOut.submit();" />
        </form>
      </div>
      </div>
    <!--@EndIf(Global:Extranet.UserName)-->
    <!--@If Not Defined(Global:Extranet.UserName)-->
      <div class="out">
      <div class="h2">Logga á</div>
      <div class="fields">
        <form name="ExtUserForm" id="ExtUserForm" method="post" action="/default.aspx?id=2">
        <input type="text" name="Username" id="Username" onfocus="clearField('Username','Brúkaranavn','onfocus');" onblur="clearField('Username','Brúkaranavn','onblur');" value="Brúkaranavn" />
        <input type="password" name="Password" id="Password" value="Loyniorð" onfocus="clearField('Password','Loyniorð','onfocus');" onblur="clearField('Password','Loyniorð','onblur');" />
        <img src="/Files/System/btn_extranet_in.gif" alt="Inngongd" class="submitter" onclick="return checkExtranetForm('brúkaranavn','loyniorð','Útfyll');" />
        </form>
      </div>
      </div>
    <!--@EndIf(Global:Extranet.UserName)-->
    </div>
    <div id="newuser">
    <div class="text">
      <a href="Default.aspx?ID=21" target="_self" title="Gerst haldari">Gerst haldari</a>
    </div>
    </div>
    <!-- Start Poll Module-->
    <!--@Global:Paragraph.Content(37)-->
    <!-- End Poll Module-->
    <!-- Start Newsletter Module-->
    <!--@Global:Paragraph.Content(39)-->
    <!-- End Newsletter Module-->
  </div>
  <div id="content">
    <div class="center">
    <!--@TemplateParagraphColumn1-->
    </div>
    <div class="right">
    <!--@TemplateParagraphColumn2-->
    <!--@TemplateParagraphColumn3-->
    </div>
  <div class="spacer"></div>
  </div>
  <div id="clearfooter"></div>
</div>


/* CCS STYLES */

#outercontainer
{
  display: block;
  width: 1008px;
  background-image: url(/Files/System/outerborder.gif);
  background-repeat: repeat-y;
  background-position: top left;
}

#container
{
  float: left;
  display: block;
  width: 990px;
  background-color: #fff;
  text-align: left;
  margin-left: 9px;
}
   
#container img
{
  display: block;
  clear: both;
}

#container .topgraphic
{
  float: left;
  display: block;
  height: 103px;
  min-height: 103px;
  margin-top: 5px;
}

#container .logo
{
  float: left;
  display: block;
  height: 88px;
  min-height: 88px;
}

#container .search
{
  float: left;
  display: block;
  height: 53px;
  min-height: 53px;
  width: 990px;
  min-width: 990px;
  background-image: url(/Files/System/bg_search.png);
  background-repeat: repeat-x;
  background-position: left bottom;
}

#container .menuholder
{
  float: left;
  display: block;
  font-size: 11px;
}

#container .contentholder
{
  display: inline;
}

html>body #container .contentholder
{
  height: 100%;
  min-height: 100%;
}

#container .bannerimage
{
  float: left;
  display: block;
  position: relative;
  margin-top: -18px;
}

#clearfooter
{
  float: left;
  display: block;
  height: 239px;
  min-height: 239px;
  line-height: 59px;
  width: 100%;
}

#content
{
  float: left;
  display: block;
  width: 790px;
  margin-top: -14px;
}

#content .center
{
  float: left;
  display: inline;
  width: 432px;
  margin-left: 20px;
}

#content .right
{
  float: left;
  display: inline;
  width: 318px;
  margin-left: 20px;
  _margin-left: 0px;
}

#content .spacer
{
  float: left;
  display: block;
  width: 100%;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
}

#content form img
{
  display: inline;
}

#rightbanner
{
  float: left;
  display: block;
  text-align: center;
  border: solid 1px #E9EEF0;
  padding: 3px;
}

#container .menuholder
{
  float: left;
  display: block;
  font-size: 11px;
}

står da til block og ikke inline?

css'en er rettet til:

#container .menuholder
{
  float: left;
  display: inline;
  font-size: 11px;
}

Den havde jeg forsøgt i forvejen. Den løser ikke problemet.

Opfører den sig stadig som block i IE6?

ja det gør den. Jeg laver ellers altid inline div med at den første er block og siden resten er display: inline. Har haft lignende problemer før, men de har jeg kunne løse, men bare ikke den her.

Og det er ikke en mulighed at bruge et element, der som standard er inline?

Det ændrer ikke syntax af css. For at inline elementer, så skulle man kunne bruge block/inline,inline,inline,inline osv.

Jeg er rimelig sikker på at problemet enten ligger i #menuholder, #content eller #content .center css'en.

Jeg vil lige gøre et forsøg på at flytte menuen over til højre istedet for til venstre.

Nu vil menu'en ikke inline med #content. Nå men så må der være et problem med #menuholder...

Fandt fejlen. #content div'en kunne ikke passe på linje i IE6. Fik reduceret width til 788px samt reduceret nogle margin-left, så virkede den :)

IE6 må lave nogle hidden spaces et eller andet sted, fordi i min verden er 790px + 200px = 990px, men det er den ikke i IE6 verdenen.

Tak for alle kommentarene..

De point er nok mine egne...

Jep :)