folgendes layout.... ich hätte gerne für den INHALT einen scrollbalken dazu müsste ich aber für #inhalt ein height: angeben .... leider funktioniert das nur mit px und nicht mit %

was gut wäre wenn der fensterhöhe - kopf - fuss = inhalt wäre ... also der inhalt sollte dynamisch die fensterhöhe annehmen...

wäre super wenn da jemand n tipp hätte ----

PHP-Code:


		
			
<?xml version="1.0" encoding="iso-8859-1"?>

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  <html>

  <html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

        <title></title>

        <style type="text/css" media="screen"><!--



/* <![CDATA[ */    



html { 

  padding:0px;

  margin:0px;

}



body {

  background-color: #000;

  font-size: 12px;

  font-family: Verdana, Arial;

  color:#0f0;  

  text-align:center;

  margin:0px;

  padding:0px;

  overflow:hidden;

}



#box {

width:790px;

margin: 0px auto;

padding:0px;

text-align:left;

}



#links {

padding:0px;

float:left;

background-color:#000;

}



#inhalt {

width:790px;

padding:0px;

float:left;

background-color:#fff;

overflow:auto;

}



#rechts {

padding:0px;

float:left;

background-color:#000;

}



#kopf {

background-color:#fff;

border-bottom:1px solid #000;

}



#fuss {

background-color:#fff;

border-top:1px solid #000;

}

/* ]]> */

 --></style>

</head>



<body scroll="no">

<div id="box">

    <div id="kopf">HEADER</div>

    <div id="links"></div>

    <div id="inhalt">INHALT</div>

    <div id="rechts"></div>

                <br clear="all" />

    <div id="fuss">FOOTER</div>

</div>

</body>

</html>

Dexter

Zitat:

Zitat von JOat

folgendes layout.... ich hätte gerne für den INHALT einen scrollbalken dazu müsste ich aber für #inhalt ein height: angeben .... leider funktioniert das nur mit px und nicht mit %

Nein, das funktioniert mit %
Rein theoretisch musst Du überlegen, x% von was? Natürlich vom übergeordneten Element. Also musst Du html, body, #box auch eine Höhe mitgeben.

Niflheim

irgendwie funktioniert das nicht denn bei 100% macht ers höher als wie der platz der da ist ....

Dexter

Zitat:

Zitat von JOat

irgendwie funktioniert das nicht denn bei 100% macht ers höher als wie der platz der da ist ....

Wer? Was höher? Welcher Platz?
Kann man das mal sehen?

Niflheim

http://mitglied.lycos.de/maepf/

Rot / Blau / Grün sollen zusammen 100% ergeben

Rot & Grün sollen eine feste höhe haben
Blau soll der rest an höhe sein (100%-rot-grün=blau)

und blau soll zudem scrollbar sein.

Dexter

Zitat:

Zitat von JOat

http://mitglied.lycos.de/maepf/

Rot / Blau / Grün sollen zusammen 100% ergeben

Rot & Grün sollen eine feste höhe haben
Blau soll der rest an höhe sein (100%-rot-grün=blau)

Naja, was is da so schwer zusammenzuzählen?
-> http://quizzers.info/temp/100prozent.html

Niflheim

mmmm das einzige problem ist das ich gerne für HEADER & FOOTER eine feste größe in px hätte ......

gibts da irgend ne lösung?

Dexter

Zitat:

Zitat von JOat

mmmm das einzige problem ist das ich gerne für HEADER & FOOTER eine feste größe in px hätte ......

gibts da irgend ne lösung?

Nein. Schliesslich kannst Du von prozentualen Werten keine Pixel abziehen. das wäre etwa, als wolltest Du von 30 Birnen 2 Äpfel subtrahieren.

Anzeige

Anmelden

Weitere Tipps