A
Azazel
Guest
Hallo zusammen,
ich möchte ein zunächst einfaches Layout erstellen, was mir aber nun seit längerem Probleme bereitet. Folgender Aufbau:
Oben: Leiste mit fixer Höhe, zB 100px;
Unten: Leiste mit fixer Höhe, zB 100px;
Mitte: Object/Iframe, das die restliche Höhe in der Mitte ausfüllt und ggf nur die Mitte Scrollbar ist.
Mein Problem ist alle, dass ich die Mitte so haben möchte, dass sie 100% der Höhe einnimmt, abzuglich der Bereiche Oben und unten (jew. 100px;).
Soweit bin ich gekommen:
ich möchte ein zunächst einfaches Layout erstellen, was mir aber nun seit längerem Probleme bereitet. Folgender Aufbau:
Oben: Leiste mit fixer Höhe, zB 100px;
Unten: Leiste mit fixer Höhe, zB 100px;
Mitte: Object/Iframe, das die restliche Höhe in der Mitte ausfüllt und ggf nur die Mitte Scrollbar ist.
Mein Problem ist alle, dass ich die Mitte so haben möchte, dass sie 100% der Höhe einnimmt, abzuglich der Bereiche Oben und unten (jew. 100px;).
Soweit bin ich gekommen:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title> Test </title>
<style type="text/css">
* { padding:0;
margin:0;
}
html,body { background:#000;
width:100%;
height:100%;
}
div.mitte { background:#000;
width:100%;
height:100%;
position:relative;
top:0;
left:0;
}
div.mitte object {margin:100px 0;width:100%;height:200px;} /* <-- Hier müsste der Wurm irgendwo begraben sein. */
div.oben, div.unten { position:absolute;
left:0;
width:100%;
height:100px;
}
div.oben { top:0;
background:#f0f;
}
div.unten { bottom:0;
background:#ff0;
}
</style>
</head>
<body>
<div class="mitte">
<div class="oben"></div>
<object type="text/html" data="http://google.de"></object>
<div class="unten"></div>
</div>
</html>