Hi
I'm trying to make an Iframe height adjustable depending on the height
of the web page.
I have managed to get this to work for the width, but not the height.
The original code is available here: http://www.brainjar.com/css/tabs/
This is what I have:
iframe.tabConte nt {
background-color: #99CCFF;
border: 1px solid #000000;
border-color: #0099CC #0099CC #0099CC #0099CC;
width: 100%;
height: 100%;
}
/*************** *************** *************** *************** *************** ***
* Additional styles.
*
*************** *************** *************** *************** *************** ***/
h4#title {
background-color: #003399;
border: 1px solid #000000;
border-color: #0099CC #0099CC #0099CC #0099CC;
color: #FFFFFF;
font-weight: bold;
margin-top: 0em;
margin-bottom: .5em;
padding: 2px .5em 2px .5em;
}
</style>
<script type="text/javascript">//<![CDATA[
function synchTab(frameN ame) {
var elList, i;
// Exit if no frame name was given.
if (frameName == null)
return;
// Check all links.
elList = document.getEle mentsByTagName( "A");
for (i = 0; i < elList.length; i++)
// Check if the link's target matches the frame being loaded.
if (elList[i].target == frameName) {
// If the link's URL matches the page being loaded, activate it.
// Otherwise, make sure the tab is deactivated.
if (elList[i].href == window.frames[frameName].location.href) {
elList[i].className += " activeTab";
elList[i].blur();
}
else
removeName(elLi st[i], "activeTab" );
}
}
function removeName(el, name) {
var i, curList, newList;
if (el.className == null)
return;
// Remove the given class name from the element's className property.
newList = new Array();
curList = el.className.sp lit(" ");
for (i = 0; i < curList.length; i++)
if (curList[i] != name)
newList.push(cu rList[i]);
el.className = newList.join(" ");
}
//]]></script>
Any ideas ??
Thanks :)