[FireFox] div met inhoud renderd soms verkeerd

[tec]

Ik heb een pagina gebouwd, divje voor positioneren met daarin een table met data.

Het divje float in een pagina samen met andere divjes.

In IE is de inhoud van elke div prima zichtbaar. In FF komt het soms voor dat ie maar de helft van de div renderd ik snap er niks van.. zie ook niet in waarom ie dit zou doen. Heeft iemand anders dit probleem ooit gehad?

[djluc]

Linkje of code? Anders kunnen we niet veel aangezien onze glazen-bol nog steeds niet 100% goed renderd

[MAZZA]

Geef je de height aan in CSS?

[tec]

De height is variabel, width wordt wel aangegeven.

Zal even kijken of ik de code kan posten.

[Saeverix]

zoals bekend is gaat IE heel erg brak om met de CSS standaarden. vandaar dat een website er niet uitziet in IE als je de site via de normen maakt. daarvoor zul je dus IE fixes in je code moeten zetten zodat ze wel goed weergeven worden in IE.

dus probeer de site volgens de normen te maken. dan werkt hij zeker weten in FF, en zul je bugfixes moeten zoeken voor IE mocht hij daar niet goed meer in werken dan...

ik heb ooit gehad dat een divje helemaal niet zichtbaar was, maar als ik de tekst in de div probeerde te selecteren was de tekst ineens wel zichtbaar. de oplossing hiervoor was dat ik in de stylesheet bij de DIV dit moest toevoegen: position: relative;.

daarna werkte het perfect in zowel IE als FF... ik ben bang dat deze zelfde oplossing niet werkt voor jou, maar omdat je geen details geeft (broncode, screenshots) kunnen we je niet echt helpen nu...

[ Voor 11% gewijzigd door Saeverix op 17-09-2005 12:46 . Reden: Te laat :) ]

[tec]

HTML

code:

<div class="box" id="agenda_weeklist">
  <div class="head"><h3>Week</h3></div>
  <div class="content">

    <table cellspacing="0" cellpadding="0" border="0">
    <tbody>
       <tr>
         <td class="daynr">                         
        <small>ma</small>
    <br/>
        <strong>6</strong>
         </td>
         <td>
        <ul>
        <li>bla bla</li>
        <li>bla bla</li>
        <li>bla bla</li>
                </ul>
         </td>                          
       </tr>            
    </tbody>
  
    </table>
  </div>
</div>

box css:

code:

div.box {
  position: relative;
    float: left;
    margin: 0 10px 10px 0;
}

div.box div.content {
  width: 100%;
  background-color: #F3F3F3;
  border-left: 1px solid #A6A6A6;
  border-right: 1px solid #A6A6A6;
  border-bottom: 1px solid #A6A6A6; 
  overflow: hidden;
}

div.box div.head {
  width: 100%;
  overflow:hidden;
}

div.box div.head h3 {
  color: white;
  font-size: 8pt;
  font-weight: bold;
  text-align: left;
  padding: 2px 10px;
  margin: 0;
}

table appart van de standaard box css

code:

/* TABLE */

table {
  width: 100%;
  empty-cells: show;
}

td {
  border-bottom: 1px solid #A6A6A6;
  vertical-align:top;   
}

td.daynr {
  width: 50px;
  padding-right: 7px;
  padding-bottom: 11px;
  background-color: #E1E1E1;
  cursor: hand;
  cursor: pointer;
  text-align:right;
}

td small {
  font-size:8pt;
  font-weight: bold;
}

td strong {
  font-size: 18pt;
  font-weight: bold;
}

td.nowapps {
  background-color: #FFEEE5;
}

td ul {
  margin-left: 2px;
  font-size:9pt;
  height: 100%;
  border-left: 1px solid #CDCDCD;
  padding-left: 5px;
}

td ul li {
  display: list-item;
  list-style-type: none;
  line-height: 20px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  padding-left: 16px;   
}

Hoop dat het iets af doet. Het is echt super wazig. Meestal renderd ie het correct, maar 1 op de 10 keer toont ie maar de helft van de box.

[MAZZA]

Maar da's toch opzich logisch als je overflow:hidden meegeeft aan die content div?

[ Voor 9% gewijzigd door MAZZA op 17-09-2005 13:00 ]

[cowgirl]

Je probleem doet me heel erg denken aan [rml][ tpl] Mozilla - [ Code] default ingeklapt ?[/rml]. Zo te zien was het inderdaad een bug in de renderengine

[tec]

MAZZA schreef op zaterdag 17 september 2005 @ 13:00:
Maar da's toch opzich logisch als je overflow:hidden meegeeft aan die content div?

als het zo logisch was dan zou het zich toch altijd voor doen..

[Verwijderd]

heb ik ook, met een div, onderste border is soms wel te zien, soms ook niet (1px) zelfde geld voor firefox en IE, hoe dit komt geen flauw idee, misschien brakke code van mij, maar denk toch ook echt dat dit een render probleem is (zit er scroll in), F5 daarna renderd deze hem vaak wel goed, ook niet altijd maar vaakt toch wel