Axel Richter: Div auf verf. Bereich ausdehnen bei 4 margin-Angaben

Beitrag lesen

SELF-Forum

Div auf verf. Bereich ausdehnen bei 4 margin-Angaben

Axel Richter
– Informationen zu den Bewertungsregeln

Hallo,

Ich habe in den css-Definitionen des Div's die Angabe

margin: 14px 70px 23px 186px;

angegeben.

Der Div selber soll sich nun auf die verbleibende Bildschirmbreite ausdehnen,
sowohl vertikal als auch horizontal.

Vertikal wird so nicht funktionieren, siehe meinen Testcode.

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Bereich in der Höhe unabhängig vom Inhalt variabel auseinanderziehen</title>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<style type="text/css">  
html, body { height:100%; margin:0; padding:0; overflow:hidden; }  
  
/*  
div { margin: 14px 70px 23px 186px; background-color:#00AEAD; }  
*/  
/*Das kann nach der [link:http://www.w3.org/TR/CSS21/visudet.html#normal-block@title=Definition der Höhenberechnung im CSS] den Bereich nicht in der Höhe auseinanderziehen.*/  
  
/*  
div { position:absolute; top:14px; right:70px; bottom:23px; left:186px; background-color:#00AEAD; }  
*/  
/*Das kann der IE bis Version 6 nicht. Außerdem will absolute Positionierung gut überlegt sein.*/  
  
div { margin: 2% 70px 5% 186px; height:93%; background-color:#00AEAD; }  
/*Das funktioniert, allerdings in der Höhe nur prozentual.*/  
</style>  
</head>  
<body>  
<div>  
 Test  
</div>  
</body>  
</html>

Eventuell helfen Dir ja auch Faux Columns weiter.

viele Grüße

Axel

Beitrag melden
–
Informationen zu den Bewertungsregeln