Jonathan: height:100%

Beitrag lesen

SELF-Forum

height:100%

Jonathan
– Informationen zu den Bewertungsregeln

Hallo Wolfgang,

ich habe die tabelle in zwei <div> gepackt, also so:
<div style='width:100%'>
    <div sytle='width:800px'>
         <table sytle='width:800px'>...

style falschgeschrieben

übrigens kenne ich in css keine andere methode des zentrierens.

margin: 0 auto;
Sollte aber auch in der FAQ stehen.

und was ist mit der background-color in der height?

Sofern dus richtig machst, solltes klappen.

Beispiel:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%;">  
  <head>  
    <title>Test</title>  
  </head>  
  <body style="height:100%;margin:0;padding:0;">  
    <table style="margin:0 auto;width:800px;background:red;height:100%;">  
      <tr>  
        <td style="vertical-align:top;">  
          Text  
        </td>  
      </tr>  
    </table>  
  </body>  
</html>

Dir ist aber schon klar, dass die Tabelle ziemlich überflüssig ist und besser weggelassen werden sollte?

Das ganze geht genauso und viel kürzer und sauberer:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%;">  
  <head>  
    <title>Test</title>  
  </head>  
  <body style="height:100%;margin:0;padding:0;">  
    <div style="margin:0 auto;width:800px;background:red;height:100%;">  
      Text  
    </div>  
  </body>  
</html>

Jonathan

--
Selfcode: ie:( fl:{ br:> va:) ls:& fo:) rl:? ss:} de:> js:| ch:? mo:} zu:)
Beitrag melden
–
Informationen zu den Bewertungsregeln