I've been struggling with a problem that I've searched the internet for solutions to, but haven't been able to resolve. The issue revolves around an iframe containing a page that loads specific CSS rules.
html, body {
position: relative;
height: 100%;
}
.c1{
float: left;
text-align: left;
margin-top: 1px;
margin-bottom: 1px;
width: 100%;
}
.c2{
float: left;
text-align: left;
margin-top: 1px;
margin-bottom: 1px;
width: 50%;
}
.cvalue{
float: left;
width: 40%;
padding-right: 3px;
text-align: right;
}
.titulo{
display: inline-block;
padding-left: 5%;
}
// More CSS rules...
Additionally, there's HTML code included:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
// More HTML code...
</body>
</html>
The main issue lies in setting the height to 90% for elements with classes "abaA" and "abaF." This property works in Mozilla and Internet Explorer but fails in Chrome and Safari, both crucial browsers for my project. Various online resources have offered potential solutions, but none have proven effective in my case.
If anyone could offer assistance or guidance on resolving this dilemma, it would be greatly appreciated. Thank you.