jddipqd
Čuven
- Učlanjen(a)
- 17.10.2000
- Poruke
- 2,529
- Poena
- 725
Imam strukturu koja izgleda ovako:
Prateći css je:
Potrebno je da container div zauzima 100% širine ekrana ako je tabela uža od ekrana, odnosno da se širi po horizontali koliko je potrebno ako je tablela šira od ekrana (uz prikazivanje horizantalnog scrolla u browseru).
Dimenzije container diva se ne mogu ograničiti pošto tabela nema fiksnu širinu kolona, već se ona određuje at runtime (na server strani, primenom dodatnih klasa ili sa style="width: " na td i th, zavisno od slučaja.
Stranica je validan xhtml strict.
IE6 zbog svojih bagova automatski širi div (i ko još kaže da bagovi ne valjaju :d). U Firefoxu je problem rešio display: table, ali za IE7 u standard modu nikako ne uspevam.
Kako naterati IE7 da ovo ovako renderuje? Naravno bez toga da ga namerno oteram u quirks (mada ako ništa drugo ne pomogne... )
Kod:
<div class="container wide">
<div class="center wide">
<fieldset>
<table class="search-results-table">
<thead>
<tr>
<td colspan="18">...</td>
</tr>
<tr>
<th class="col1">...</th>
...
<th class="col18">...</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="18">...</td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="col1" >...</td>
...
<td class="col18" >...</td>
</tr>
...
</tbody>
</table>
</fieldset>
</div>
</div>
Prateći css je:
Kod:
.container {
margin: 8px;
text-align: center;
}
.center {
margin-left: auto;
margin-right: auto;
min-width: 800px;
width: expression(document.body.clientWidth < 800? "800px": "auto");
text-align: center;
padding: 10px;
}
.wide {
width: auto;
display: table;
}
Potrebno je da container div zauzima 100% širine ekrana ako je tabela uža od ekrana, odnosno da se širi po horizontali koliko je potrebno ako je tablela šira od ekrana (uz prikazivanje horizantalnog scrolla u browseru).
Dimenzije container diva se ne mogu ograničiti pošto tabela nema fiksnu širinu kolona, već se ona određuje at runtime (na server strani, primenom dodatnih klasa ili sa style="width: " na td i th, zavisno od slučaja.
Stranica je validan xhtml strict.
IE6 zbog svojih bagova automatski širi div (i ko još kaže da bagovi ne valjaju :d). U Firefoxu je problem rešio display: table, ali za IE7 u standard modu nikako ne uspevam.
Kako naterati IE7 da ovo ovako renderuje? Naravno bez toga da ga namerno oteram u quirks (mada ako ništa drugo ne pomogne... )