✔ IE 8.0 - Ist "display : inline" gestorben?

[ZodiacXP]

Hallo an alle... Hallo Maik

Habe mir einen Screenshot von diesem Design angesehen:

#c {
	width : 100%;
}

#c1, #c2 {
	display : inline;
}

#c1 {
	float : left;
	width : 75%;
}

#c2 {
	float : right;
	width : 25%;
}

.content , .module , .mod_content {
	margin : 10px;
}

.content {
	margin-left : 180px;
}

#extramenu {
	float : left;
	width : 160px;
}

<div id="c">
  <div id="extramenu">
    Lorem ipsum
  </div>
  <div class="content">
    <div id="c1">
      <div class="module">
        <div class="mod_title">Lorem ipsum</div>
        <div class="mod_content">Lorem ipsum</div>
      </div>
    </div>
    <div id="c2">
      <div class="module">
        <div class="mod_title">Loooorem ipsum</div>
        <div class="mod_content">Loooorem ipsum</div>
      </div>
    </div>
  </div>
</div>

Gesehen hab ich schon, das #c2 zwar float:right erhält, aber unter #c1 gesetzt wird im IE 8. Vielleicht ist der auch noch ein bischen verbugt, anders kann ich es mir grad nicht erklären.
Da es in allen anderen Browsern korrekt dargestellt wird.

 

[Maik]

Hi,

zum IE8 (Beta) lässt sich von meiner Seite derzeit nichts sagen, da ich ihn auf meinem System nicht vorrätig habe.

Dass besagter Eigenschaftswert in ihm gestorben sein soll, kann ich mir aber dennoch nur schwer vorstellen.

mfg Maik

 

[ZodiacXP]

Ok. Danke.

Dann schieb' ich das vorerst auf die Beta ^^
Hauptsache M$ fixed das noch, so eigensinnig wie die mit CSS sind. Naja, mittlerweile gehts ja aber IE 4.0 ... ouha! Böse!

Screen ist auch endlich da...

 

[Maik]

Wofür soll denn die fettmarkierte Regel überhaupt gut sein, wenn nachfolgend die Boxen mit der float-Eigenschaft ausgezeichnet werden?

#c1, #c2 {
        display : inline;
}

#c1 {
        float : left;
        width : 75%;
}

#c2 {
        float : right;
        width : 25%;
}

mfg Maik

 

[ZodiacXP]

Ui!

Ähm.... pssst. Hat keiner gesehen.

Ist wohl vom experimentieren übrig geblieben. Sorry

 

[Maik]

Für die älteren IEs (bis einschliesslich IE6) würde man display:inline auf eine zu umfliessende Box anwenden, die einen horizontalen Außenabstand besitzt, damit dieser von ihnen nicht verdoppelt wird - siehe The IE Doubled Float-Margin Bug.

mfg Maik