Forum PHP.pl > Wysrodkowanie tabeli na stronie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Wysrodkowanie tabeli na stronie

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

jackuss

6.03.2012, 21:01:21

Chce wysrodkowac tabele w pionie jak i poziomie, lecz tabela srodkuje sie tylko w poziomie. Co robie zle?

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
<head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
      <title>Formularz</title>
      <style> 
      	div{}
      </style>
</head>
 
<body>
<div style=" height: 600px; width: 100%; display: table">
<div style="display: table-cell; vertical-align: middle; text-align: center">
	<form  action="przetworzenie_formularza.php" method="post">
	<table border="0" cellpadding="0" cellspacing="1px"style="text-align: left"> 
	<tr> <th style="width: 150px; background-color: silver;">Produkt </th>  <th style="width: 50px; background-color: silver">Ilość</th>  </tr>
	<tr>  <td>Opony</td> <td> <input type="text" name="iloscopon" maxlength="3" style="width: 50px" /> </td>
	<tr> <td>Olej</td>  <td> <input type="text" name="iloscoleju" maxlength="3" style="width: 50px" /> </td>  </tr>
	<tr>  <td>Świece Zapłonowe</td> <td> <input type="text" name="iloscswiec" maxlength="3" style="width: 50px" /> </td> </tr>
	<tr style="text-align: center"> <td  colspan="2"> <input type="submit" value="Złóż zamówienie" /></td> </tr>
	</table>
	</form>
</div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

vonski

7.03.2012, 20:42:19

1. Drugi <tr> nie ma znacznika zamykającego.
2. Na pewno środkuje się tylko w poziomie? Bo u mnie środkuje się tylko w pionie, w poziomie ma wyśrodkowanie do lewej.
3. Dodaj do stylów tabeli: margin:auto - wtedy będziesz miał tabelę dokładnie na środku ekranu.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.