Archief - HTML & CSS: tabel 100%

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
R

RpR

Legacy Member
Ik wil een tabel die van boven tot onder aan de pagina loopt, ook al is ze leeg.
Heb deze code al:
Code: 
<table heigth="100%" width="450" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td heigth="375" class="boven"><p>&nbsp;</p>
    </td>
  </tr>
  <tr>
    <td height="5" class="spacers">&nbsp;</td>
  </tr>
  <tr>
    <td height="15" class="midden">GA VERDER &raquo;</td>
  </tr>
  <tr>
    <td height="5" class="spacers">&nbsp;</td>
  </tr>
  <tr>
    <td height="100%" class="onder">Designed and Powered by FragFun</td>
  </tr>
</table>

en css
Code: 
body {
	margin: 0px;
	background-color: #B3B3B3;
	color:#FFFFFF;
	font: Verdana, Arial, Helvetica, sans-serif;
}
html {
	height:100%;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.boven {
	height: 375px;
	background-color: #000000;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.midden {
	border: 1px solid #FFFFFF;
	background-color: #999999;
	text-align: right;
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}
.onder {
	background-color: #000000;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	text-align: center;
	vertical-align: top;
}
.spacers {
	font-size: 5px;
	background-color: #B3B3B3;
}

Heights in css zetten verandert niet :(
De tabel loop nooit volledig door :(
=

=(X)=RaVen=

Legacy Member
PHP: 
<html>
<head>
	<title>Volle breedte en lengte voorbeeld</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body style="margin: 0px;">
<table cellspacing="0" cellpadding="0" height="100%" width="100%" border="1">
<tr>
	<td>Als de standaarden u niets kunnen schelen zou dit moeten voldoen.</td>
</tr>
</table>
</body>
</html>
Dit doet wat het moet doen maar is totaal ni valid :)
Geen doctype of niks...
f

frenzal

Legacy Member
probeeer height een keer juist te typen in uw code, dus niet heigth =)
R

RpR

Legacy Member
en dan moet je nog in css html en body height op 100% zetten en dan werkt het
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan