Autor Zpráva
loukykouky
Profil *
Pěkné poledne, mám problém s tagem <pre class="kodik">, šířka je nastavena pevně od nadřazeného prvku, word-wrap:normal, ale když nastavím overflow:auto nebo scroll, tak to nefunguje v IE, dva nadřazené divy ze zvětší do prava a je z toho bramborovej guláš. Chrome atd. v pohodě. Čím to může být?
.kodik {               
  background-color:silver;
  padding:10px 10px;
  font-family:"Courier New", Courier, monospace;
  font-size:11pt;
  word-wrap:normal;
  overflow:auto;
}
.layout2 {       
  margin:1px 1px;
  width:708px;           
  background-color:rgb(255,255,255);    
}
.layout2-in {
  text-align:justify;
  word-wrap:break-word;
  padding:30px 30px;
}

<div class="layout2">
            <div class="layout2-in">
              <p>Vypisujeme data</p>
         
<pre class="kodik">
fgfdgdfgdfhgfhfghfgggggggggggggggggggggggggggggggggghgfhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
</pre>

            </div>
          </div>



Dodatek: zde jim to funguje krásně i v IE http://www.tvorba-webu.cz/javascript/intervaly.php
loukykouky
Profil *
Už se mě to povedlo opravit, nasadil jsem nový nadřazený DIV tagu <pre> a nastyloval.

pre {     
  padding:10px 10px;
  overflow:auto;
  border-top:1px dotted rgb(166,166,166);
  border-bottom:1px dotted rgb(166,166,166);    
  background-color:rgb(236,236,236);  
  font-size:11pt;   
  font-family:"Courier New", Courier, monospace;      
}

.nadrazeny-pre {
 margin:20px 0px 0px 0px;
  width:648px;
  overflow:auto;
  word-wrap:normal;
  background-color:rgb(236,236,236); // vykryje chybu pozadí v IE, nejde nic poznat :D
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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