Autor Zpráva
Suta
Profil
Dlouho mi trvalo, než jsem přišel na to, za jakých okolností mi Opera přidává vertikální scrollbar.

Sestrojil jsem tento příklad, byl bych moc vděčný, pokud mi někdo vysvětlí chování Opery, PROČ se tak děje, zda je chyba na mé straně či na straně prohlížeče, a jak řešit níže uvedený problém.

Ukázka 1

Kód k ukázce 1:

<style>
    #div_1 {
        margin-top: 100px;
    }

    #div_2 {
        /* barva pozadi */
        background-color: yellow;

        /* sirka, vyska */
        height: 100%;
        width: 100%;

        /* absolutni pozice */
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }
</style>

  <div id="div_1">
      Obsah divu posunutého o 100px dolů.
  </div>

  <div id="div_2">
      Absolutně pozicovaný div k levému hornímu okraji, šířka i výška nastavena na 100%.
  </div>


Ukázka 2 - všimněte si posuvníku v Opeře

Rozdíl v kódu mezi ukázkou 1 a ukázkou 2 je pouze v tom, že divy jsou v kódu prohozeny, tedy absolutně pozicovaný div 2 je před divem 1, styl je nezměněn:

<div id="div_2">
      Absolutně pozicovaný div k levému hornímu okraji, šířka i výška nastavena na 100%.
  </div>

<div id="div_1">
      Obsah divu posunutého o 100px dolů.
  </div>

    


Ve všech prohlížečích kromě Opery se obě ukázky zobrazí totožně, Opera však zajímavě počítá 100% výšku u absolutního prvku v případě, že je před ním jiný kód.

Z jakého důvodu Opera v příkladu 2 roztáhne obsah přes 100% výšku a přidá posuvník?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: