1. #1
    RpR's Avatar
    Registered
    26/03/03
    Location
    Dendermonde
    Posts
    5,472
    iTrader
    28 (100%)
    Mentioned
    0 Post(s)
    Reputation
    1/8

    HTML & CSS: tabel 100%

    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
    no votes  

  2. #2
    =(X)=RaVen='s Avatar
    Registered
    18/07/02
    Location
    Antwerpen
    Posts
    847
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/1
    PHP Code:
    <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...
    no votes  

  3. #3
    frenzal's Avatar
    Registered
    20/12/02
    Location
    Antwerpen
    Posts
    1,319
    iTrader
    8 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/1
    probeeer height een keer juist te typen in uw code, dus niet heigth =)
    no votes  

  4. #4
    =(X)=RaVen='s Avatar
    Registered
    18/07/02
    Location
    Antwerpen
    Posts
    847
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/1
    lol
    no votes  

  5. #5
    RpR's Avatar
    Registered
    26/03/03
    Location
    Dendermonde
    Posts
    5,472
    iTrader
    28 (100%)
    Mentioned
    0 Post(s)
    Reputation
    1/8
    idd foutje
    no votes  

  6. #6
    RpR's Avatar
    Registered
    26/03/03
    Location
    Dendermonde
    Posts
    5,472
    iTrader
    28 (100%)
    Mentioned
    0 Post(s)
    Reputation
    1/8
    en dan moet je nog in css html en body height op 100% zetten en dan werkt het
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in