centrare tabella in veticale

**skeleton** · 01-05-2004, 14:17

ciao a tuuti,
io ho 1 problemino,
dovrei centare una tabella al centro assoluto della finesta, in pratica nn solo in larghezza ma anke in altezza. a questo scopo, visto che uso PHP mi sono fatto passarte da un altra pagina la dimensione dello schermo dell'utente, ma ora non so come usare i dati.

dovrei semplicemente ottenere un centramento avendo anke i pixel dello schemo, come posso fare ??

**AleX ZeTa** · 01-05-2004, 19:01

prova così:

codice:

<div style="width:100%; height:100%; vertical-align:middle">
<table>...</table>
</div>

**Jerry Masslo** · 01-05-2004, 22:19

Originariamente inviato da AleX ZeTa
prova così:

codice:

<div style="width:100%; height:100%; vertical-align:middle">
<table>...</table>
</div>

ma che è? ma tu l'hai provato? :master:

x le ossa, hai provato a fare una ricerca? no vero?

dipende dalle dimensioni della tabella, in orizzontale si centra a prescindere ma in verticale no, non hai specificato le dimensioni per cui ti posto un esempio particolare, ci sono vari metodi:

<html>
<head>
<style>
body {height:100%}
div {width:40%;height:40%;
background:red;
position:relative;
left:30%;
top:30%
}
</style>
</head>
<body>
<div><table>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>

il div serve per mozilla.

**skeleton** · 02-05-2004, 09:46

tnx,
ma in pratica per la mia tabella che cosa devo modificare nel CSS???

**Jerry Masslo** · 02-05-2004, 10:04

Originariamente inviato da skeleton
tnx,
ma in pratica per la mia tabella che cosa devo modificare nel CSS???

Poco, visto che stai usando tabelle, allora ne usi un'altra e buonanotte:

<html>
<head>
<title>Untitled</title>

<style>
.centratore {width:100%;
height:100%;
text-align:center
}
.centra td {background:yellow}
.centra {background:red;
margin:auto /*serve per mozilla*/
}
</style>
</head>

<body>
<table class="centratore">
<tr>
<td>

<table class="centra">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

</td>
</tr>
</table>

</body>
</html>

**skeleton** · 02-05-2004, 10:15

grazie infinite!!!!!

ora funziona benissimo e anke senza PHP!!!!

invecie il codice postato da alex nn va!!! nn genera alcun effetto,
cmq grazie a tutti!!

**skeleton** · 02-05-2004, 10:32

ehm, c'è un problemino!
su IE l'ultimo codice che mi hai postato funziona alla perfezione;
ma quando lo provo su Firefox nn va!!
mostra la tabella in alto!!!

ti posto il codice della pagina:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>My Title</title>
<?php
$n=0;
if($HTTP_GET_VARS){
  $p=$HTTP_GET_VARS["p"];
  if ($p==2) $n=$HTTP_GET_VARS["now"];
} else {
  echo "<script>window.location='index.php';</script>";
}
?>
<style type="text/css">
 <!--
  body {
	height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  }
  .centratore {
    width:100%; 
    height:100%; 
    text-align:center 
  } 
  .centra td {background:white} 
  .centra {
    background:white; 
    margin:auto; /*serve per mozilla*/ 
  } 
 -->
</style>
</head>
<body>
<table class="centratore">
  <tr>
    <td><table width="350" border="1" class="centra">
        <tr>
          <td></td>
        </tr>
        <tr>
          <td></td>
        </tr>
        <tr>
          <td><div align="center">[img]logo.gif[/img]</div></td>
        </tr>
        <tr>
          <td></td>
        </tr>
        <tr>
          <td></td>
        </tr>
      </table></td>
  </tr>
</table>
</div>
</body>
</html>

help!

**Jerry Masslo** · 02-05-2004, 11:58

dipende dal doctype

aggiungi al css:

html {height:100%}

**skeleton** · 02-05-2004, 16:49

ok , grazie ora funziona anche su firefox,

ciao

Discussione: centrare tabella in veticale

Strumenti discussione

Ricerca discussione

Visualizza

centrare tabella in veticale

Permessi di invio