firefox problemi height percentuale

**BananaBoat** · 21-11-2004, 12:47

a me firefox non legge height:100% di #container, IE si', a voi?

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>E-Chess</title>
<meta name="imagetoolbar" content="no" />
<style type="text/css">
body{margin:0;padding:0;width:100%;height:100%;background-color:white;}
table{table-layout:fixed;border-collapse:collapse;margin:0 auto;}
td{padding:0;text-align:center;vertical-alignment:middle;}
.black,.white{height:48px;width:48px;}
.black{background-color:black;}
.white{background-color:white;}
#chessboard{border:1px solid black;}
#container{width:100%;height:100%;}
</style>
</head>
<body>
<table id="container">
<tr>
<td style="border:10px solid red;">
<table id="chessboard">
<tr>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
</tr>
<tr>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
</tr>
<tr>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
</tr>
<tr>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
</tr>
<tr>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
</tr>
<tr>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
</tr>
<tr>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
</tr>
<tr>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
<td class="black"></td>
<td class="white"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

**Jerry Masslo** · 21-11-2004, 13:58

aggiungi

html {height:100%}

**BananaBoat** · 21-11-2004, 17:09

non mi va lo stesso, a te si'?

**blakwolf** · 21-11-2004, 18:12

non mi risulta che si possa obbligare firefox ad un 100% di altezza nelle tabelle in standard mode, a meno che non cambi il tipo di display al tag table

**Jerry Masslo** · 21-11-2004, 18:50

Originariamente inviato da blakwolf
non mi risulta che si possa obbligare firefox ad un 100% di altezza nelle tabelle in standard mode, a meno che non cambi il tipo di display al tag table

mi sa che hai ragione, infatti, qui ho dovuto dare l'altezza anche alle celle:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>tabella al 100%</title>
<style type="text/css">
* {margin:0;padding:0}
html, body {height:100%}
table {height:100%;
width:100%}
td {background:gray;
height:50%;
width:50%
}
</style>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>

**BananaBoat** · 21-11-2004, 19:21

no funziona mi sono sbagliato io, comunque ho risolto eliminando la tabella #container e centrando con i css
#chessboard{border:1px solid #888;width:384px;position:absolute;top:50%;left:50 %;margin:-192px 0 0 -192px}

**blakwolf** · 21-11-2004, 19:29

scusa ma puoi ripostare il codice, perchè a me non funziona

Discussione: firefox problemi height percentuale

Strumenti discussione

Ricerca discussione

Visualizza

firefox problemi height percentuale

Permessi di invio