B
Bubu
Hello, I have created the follow index.html page (I'll put here only the
body): fir the iframes pages can be used any html page with a color
background
Now I write here my question. If I check the page with mozilla i see it
correctly, but when I check it with firefox the plants and main iframes
are not sized correctly.
Please anyone can help me with this?
Thanks
Bubu
<body>
<iframe src="headerFrame.html" name="header" scrolling="no" id="header"
frameborder="0"></iframe>
<iframe src="plantsFrame.html" name="plants" scrolling="auto"
id="plants" frameborder="0"></iframe>
<iframe src="mainFrame.html" name="main" scrolling="no" id="data"
frameborder="0"></iframe>
<iframe src="footerFrame.html" name="footer" scrolling="no"
id="footer" frameborder="0"></iframe>
<div id="shutdown_wrapper">
<div id="shutdown_background">
<div><a class="shutdown_button_no" href="#"
onmouseup="setZIndex('shutdown_wrapper','-100');"
onfocus="this.blur();"></a></div>
<div><a class="shutdown_button_yes" href="#" onClick="clsWin()"
onfocus="this.blur();"></a></div>
</div>
</div>
</body>
for the iframes I have used the follow css:
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#header {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 79px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#plants {
width: 201px;
height: auto;
top: 0px;
bottom: 0px;
position: absolute;
margin-top: 79px;
margin-bottom: 51px;
left: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#data {
width: auto;
height: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
position: absolute;
margin-top: 79px;
margin-bottom: 51px;
margin-left: 201px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#footer {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 51px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
body): fir the iframes pages can be used any html page with a color
background
Now I write here my question. If I check the page with mozilla i see it
correctly, but when I check it with firefox the plants and main iframes
are not sized correctly.
Please anyone can help me with this?
Thanks
Bubu
<body>
<iframe src="headerFrame.html" name="header" scrolling="no" id="header"
frameborder="0"></iframe>
<iframe src="plantsFrame.html" name="plants" scrolling="auto"
id="plants" frameborder="0"></iframe>
<iframe src="mainFrame.html" name="main" scrolling="no" id="data"
frameborder="0"></iframe>
<iframe src="footerFrame.html" name="footer" scrolling="no"
id="footer" frameborder="0"></iframe>
<div id="shutdown_wrapper">
<div id="shutdown_background">
<div><a class="shutdown_button_no" href="#"
onmouseup="setZIndex('shutdown_wrapper','-100');"
onfocus="this.blur();"></a></div>
<div><a class="shutdown_button_yes" href="#" onClick="clsWin()"
onfocus="this.blur();"></a></div>
</div>
</div>
</body>
for the iframes I have used the follow css:
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#header {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 79px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#plants {
width: 201px;
height: auto;
top: 0px;
bottom: 0px;
position: absolute;
margin-top: 79px;
margin-bottom: 51px;
left: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#data {
width: auto;
height: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
position: absolute;
margin-top: 79px;
margin-bottom: 51px;
margin-left: 201px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#footer {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 51px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}