iframe-box passt nicht in browserfenster

[meliz]

Hallo,

mich werden jetzt einige drauf aufmerksam machen, dass dieses thema schon häufig behandelt worden ist,
ich hab auch schon alles ausprobiert! was ich hier gelesen hab.

aber trotzdem finde ich hier keine Lösung dafür und bin für jeden Hilfe sehr dankbar:

ich hab ein css layout mit einem kopf (header), dann folgen in einer box (mainkomplett)drei spalten als box-element navigation links, hauptfenster als iframe in der mitte, und info-box rechts.
ich möchte, dass das hauptfenstermitte sich an die größe des browserfensters anpasst, so dass der user nur im iframe scrollt, nicht das browserfenster selbst scrollbalken anzeigt.
ohne html { height: 100%;} hat er das iframe nur ganz klein angezeigt, jetzt mit der angabe läuft das iframe über das browserfenster hinaus.
was kann ich tun?

hier der link:
http://pixxicom2.srv4.hostingwerk.de/070718_siteneu/index2.html

folgendes css ist angegeben intern:

.mainkomplett { margin-top: 10px; width: 100%; height: 100%; }

.navigationlinks { margin-right: 10px; width: 160px; height: 10px; float: left  }

.infoboxrechts {  overflow: hidden; margin-left: 10px; width: 210px; height: 100px; float: right  }

.hauptfenstermitte { margin-right: 220px; margin-left: 170px; width: auto; height: 100%; }

extern hab ich angaben zu body und html:
html { height: 100%;}

body{ margin: 0 0 10px; padding: 0 0 5px; font-family: helvetic, arial, sans-serif; color: #fff; font-size: small; height: 100%; }

p{
 color: #666;
 font-size: small;
}

links { color: #666; font-size: small; padding-top: 12px; }

#header{ margin:0; background-color: #069; background-repeat: repeat-x; background-position: 0 top; height:100px; width:100%; text-align:right; vertical-align:middle; }

#headerimage{ float:left; width:203px; height:100px; margin-left: 10px; }

ul.navilinks { margin-top: 0; margin-left: 0; padding-left: 15px; list-style-type: none; }

.headertext { font-size: x-small; text-align: left; width:60%; margin-left: 230px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }

#headerbackground { background-repeat: repeat-x; background-position: 0 bottom; clear:both; height: 60px; padding-right: 10px; padding-bottom: 5px; }