Zie de volgende HTML code met embedded CSS.
Mijn probleem is: Onder IE7, Opera 9.52, Firefox 2.0.016 en IE8 beta 2 kan ik nog prima mijn window resizen en resized de tabel netjes mee, maar onder Firefox 3 werkt dit niet meer, de tabel blijft statisch qua grootte en wordt uberhaupt niet 900px breed.
Reden dat ik dit wil, de tabel moet een minimum aan size hebben anders wordt het onoverzichtelijk, tegelijk wil ik dat als mensen een breder scherm hebben dat de tabel niet te groot wordt anders is het lelijk. Fixed width kan ook wel, maar dan krijg je scrollbalken, en dat wil ik zoveel mogelijk voorkomen.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<style type="text/css">
#pageDiv {
margin-left: 30px;
margin-right: 27px;
position: absolute;
left: 185px;
min-width: 630px;
}
#contentDiv {
padding: 0;
margin: 0;
}
#dataTable {
background-color: blue;
max-width: 900px;
}
</style>
</head>
<body>
<div id="pageDiv">
<div id="contentDiv">
<table id="dataTable" border="1">
<tr>
<th style="width: 4%;">row1</th>
<th style="width: 19%;">row2</th>
<th style="width: 23%;">row3</th>
<th style="width: 6%;">row4</th>
<th style="width: 15%;">row5</th>
<th style="width: 13%;">row6</th>
<th style="width: 19%;">row7</th>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
</table>
</div>
</div>
</body>
</html> |
Mijn probleem is: Onder IE7, Opera 9.52, Firefox 2.0.016 en IE8 beta 2 kan ik nog prima mijn window resizen en resized de tabel netjes mee, maar onder Firefox 3 werkt dit niet meer, de tabel blijft statisch qua grootte en wordt uberhaupt niet 900px breed.
Reden dat ik dit wil, de tabel moet een minimum aan size hebben anders wordt het onoverzichtelijk, tegelijk wil ik dat als mensen een breder scherm hebben dat de tabel niet te groot wordt anders is het lelijk. Fixed width kan ook wel, maar dan krijg je scrollbalken, en dat wil ik zoveel mogelijk voorkomen.
[ Voor 16% gewijzigd door Oet op 31-08-2008 14:36 ]
There are 11 kind of people in the world, ones that can read binary, ones that can't and ones that complain about my signature
PC Specs | Mo Murda Squad Clan