Gernot Back: Probleme mit Hoehe von Tabellenzeilen

Beitrag lesen

SELF-Forum

Probleme mit Hoehe von Tabellenzeilen

Gernot Back Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo Tim,

ich würde das ohne Tabellen machen, und zwar so:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html>  
<head>  
<title>Ecuador-Dekor</title>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
<style type="text/css">  
[code lang=css]  
html {  
  overflow:auto;  
}  
  
html, body {  
  width:100%;  
  height:100%;  
  margin:0;  
  padding:0;  
}  
  
#ecuador {  
  height:100%;  
  background-color:red;  
}  
  
#ecuador div {  
  height:75%;  
  background-color:blue;  
}  
  
#ecuador div div {  
  height:67%;  
  background-color:yellow;  
}  
  
#content{  
  position:absolute;  
  top:10%;  
  left:10%;  
  width:80%;  
  height:80%;  
  overflow:auto;  
  color:black;  
  background-color:black;  
  color:white;  
}  
  
#content p, #content h1{  
  margin:1% 2%;  
}

</style>
</head>
<body>
 <div id="ecuador">
   <div>
     <div></div>
   </div>
 </div>
 <div id="content">
   <h1>Eine Überschrift</h1>
   <p>ganz viel Text</p>
 </div>
</body>
</html>
[/code]
Gruß Gernot

Beitrag melden
–
Informationen zu den Bewertungsregeln