ugrás a tartalomhoz

CSS hiba: Float-olt Flash mellett Számozott Lista

Eirun · 2009. Szep. 5. (Szo), 16.05
Üdv mindenkinek!

Kellemetlen CSS hibába botlottam egy weboldal fejlesztése közben, és nem találtam rá neten magyarázatot. :(

Valamiért IE alatt és Firefox alatt is a flash thumbnail mindig betakar a lista sorszámozásába, viszont szeretném a sorszámokat kiemelve hagyni. Azt szeretném, hogy a szöveggel egyvonalban kezdje a listát is, és onnan tolja még beljebb.

Tudna valaki segíteni? Előre is köszönöm!

CSS:
body {
  background: black;
  color: #654;
  font: 10pt "Georgia","Times New Roman","Times",Serif;
  text-align: justify;
}

#main {
  margin: auto;
  width: 1000px;
  padding: 0;
  border: 0;
}

.context {
  color: #987;
  font: 12pt;
  margin: 0;
  padding: 15px;
  border: 0;
}

h1 {
  margin: auto auto 0.25em;
  padding: 0.5em 0 0.25em;
  color: #900;
  font: 36pt;
  font-variant: small-caps;
  border-bottom: #654 1px solid;
}

h2 {
  margin: auto auto 0.5em;
  padding: 1em 0 0.5em;
  font: 24pt;
  border-bottom: #654 1px dashed;
}

p {
  margin: auto;
  padding: 0 0 0.75em;
}

object {
  margin: 0;
  padding: 0 20px 0 0;
  border: 0;
  float: left;
}

em {
  color: #900;
  font-style: normal;
}

a, a:visited {
  color: #987;
  text-decoration: underlined;
}

a:hover, a:active {
  color: #fed;
  text-decoration: underlined;
}

ol {
  list-style: upper-roman outside;
  padding-left: 5em;
}
HTML kivonat:
<html>
  <body>
    <div id="main">
      <div class="context">
        <h1>Főcím</h1>
      </div>
      <div class="context">
        <h2>Alcím</h2>
        <object width="200" height="200">
          <embed />
        </object>
        <p>Szöveg
        <ol>
          <li>Szöveg</li>
          <li>Szöveg</li>
          <li>Szöveg
            <ol>
              <li>Szöveg</li>
            </ol>
          </li>
          <li>Szöveg</li>
        </ol>
        </p>
      </div>
    </div>
  </body>
</html>
‹ Inaktív text form jAlert, jConfirm probléma ie7 és ie 8on ›
 ■
1

"Nem hiba"

Eirun · 2009. Szep. 8. (K), 21.20
E szerint a cikk szerint egyszerűen maga a modell nyomorult. Azt hiszem, egy display: block; megoldja a dolgot. (de megölheti a float wrapping-et... ami talán nem is baj ilyen esetben)

Forrás:
List Next to a Floating Block - HTML / CSS answers

Viszont generált tartalomhoz úgy vélem, nincs biztonságosabb megoldás. (Esetleg DHTML tudna még segíteni rajta, némi böngészőfelismeréssel. (AJAX-alapú Try-Catch monstrum)