tabel steeds in het midden

Status
Niet open voor verdere reacties.
S

stevendemunter

Gebruiker
Lid geworden
24 jul 2002
Berichten
704
Hoe kan ik ervoor zorgen dat wanneer ik met een tabel werk deze steeds mooi inhet midden van mijn scherm staat.
met align="center" kan ik hem al horizontaaluitlijnen maar hoe moet het verticaal gebeuren?
 
Style.

PHP: 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>(Type a title for your page here)</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="description" content=" ">
<META name="keywords" content="  ">
<meta name="Author" content="Peter Vazed">
<META name="robots" content="index, follow">
<META name="revisit" content="7 days">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css" media="all">
 @import url("zp.css"); 
</style>

<style type="text/css">

      BODY {
       margin: 0px 0px 0px 0px;
       font-family: verdana, arial, helvetica;
       background-image: url(layout/sfeerstrook/site_home.jpg);
       background-repeat: no-repeat;      
       font-size: 14px;
       font-color: #000000;
       color: #000066;
}
.info{
border: dotted 3px #000000;
padding:10px;
}
       
.midden
{
border:2px solid #ff0000;  /* om te zien wat je doet, mag later weg */

position: absolute;
width:700px;
left:50%;
margin-left:-350px;  /* helft van de breedte */

height: 188px; /* Hoogte van je object */
margin-top: -94px; /* helft van de hoogte */
top: 50%;}
</style>
</head>

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">

<div class="midden" >
<table  width="100%" border="1" cellspacing="0" cellpadding="4" bgcolor="#dfdfdf">
	<tr>
		<!-- Row 1 Column 1 -->
		<td bgcolor="#c0c0c0" width="50"  >
			<b>
				1<br>
<br>
1
			</b>
		</td>
		<!-- Row 1 Column 2 -->
		<td bgcolor="#c0c0c0">
		<div class=" info" >	<b>
				2<br>
<br>
Centreren in het midden door negative ingave in je css.

			</b>
 </div>		</td>
		<!-- Row 1 Column 3 -->
		<td bgcolor="#c0c0c0" width="50"  >
			<b>
				3<br>
<br>
1

			</b>
		</td>
	</tr>
	<tr>
		<!-- Row 2 Column 1 -->
		<td >
			<b>
				4<br>
<br>
1

			</b>
		</td>
		<!-- Row 2 Column 2 -->
		<td >
			5<br>
<br>
1

		</td>
		<!-- Row 2 Column 3 -->
		<td >
			6<br>
<br>
1

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


</body>

</html>

:cool:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan