/    Sign up×
Community /Pin to ProfileBookmark

FireFox Errors

Hi,

I have run into a problem when using IFRAMES inside a table in FireFox. Here’s the code (the site is attached aswell, I realize that the imgs won’t work but..):

[CODE]
<html>
<head>
<title>

</title>

<!–CSS EFFECTS–>
<STYLE type=”text/css”>
<!–
BODY
{
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-face-color: #006633;
scrollbar-track-color: #006633;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-3d-light-color: #000000;
scrollbar-dark-shadow-color: #000000;
}
–>
a:link, a:visited, a:active { text-decoration:underline; color: “#000000”}
a:hover { text-decoration:overline & underline; color: “#FFFFFF” } </style>
<!–END CSS EFFECTS–!>
</head>
<body bgcolor=”#006600″>

<center>

<table width=95% height=95%>

<!–TITLE BOX—!>
<tr>
<td colspan=2 valign=center>
<center>
<img src=”logo.gif”>
<br>
</center>
</td>
</tr>
<!–END TITLE BOX—!>

<!–MENU BOX—!>
<tr>
<td width=15% valign=top>

<a href=”main.html” target=”FRAME”><img src=”main.gif” onmouseover=”src=’mainMO.gif'”

onmouseout=”src=’main.gif'” border=”0″></a>
<br>
<a href=”faq.html” target=”FRAME”><img src=”faq.gif” onmouseover=”src=’faqMO.gif'”

onmouseout=”src=’faq.gif'” border=”0″></a>
<br>
<a href=”pics.html” target=”FRAME”><img src=”pics.gif” onmouseover=”src=’picsMO.gif'”

onmouseout=”src=’pics.gif'” border=”0″></a>
<br>
<a href=”clip.html” target=”FRAME”><img src=”clips.gif” onmouseover=”src=’clipsMO.gif'”

onmouseout=”src=’clips.gif'” border=”0″></a>
<br>
<br>

</td>
<!–END MENU BOX—!>

<!–FRAME BOX—!>
<td>

<center>

<IFRAME SRC=”main.html” NAME=”FRAME” SCROLLING =”auto” width=100% height=100% style=”border:5 solid

#000000″>

</center>

<!–END FRAME BOX—!>

</td>
</tr>
</table>
</body>
</html>
[/CODE]

As you can see the table is to be 100% of the one cell in the table that is 95% of the page. It works beautifully in IE, in FireFox however it does not. I used a similar code in another site I made and it worked in both IE and FF. I was hoping that with another few pairs of eyes the error would become obvious.

Thank you kindly in advance for any assistance you can provide,

-Sam

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@PeOfEoFeb 28.2005 — It looks to me like table is set to be 95% height and width. All of the cells will be 100% of that 95%. I opened your page in firefox here and do not see any problems. You would be well served ditching the tabular layout and using a doc type and valid code. The browser is in quirks mode when you do not have a doc type, and if the browser is in quirks mode it is going to just make assumptions so of course your pages are not going to go cross platform / browser well.
Copy linkTweet thisAlerts:
@SamBauthorFeb 28.2005 — Thank you for your response. I am afraid I have not made myself clear enough, it is the IFRAME within the cell that I am having trouble with. The table appears correctly however I want the IFRAME to fill the entire bottom left cell, it fills its entire width but not its height.

Heres a pathetic diagram of what I mean


[CODE]

What I want it to look like (and it does work in IE):
__________________________
| |
| Logo |
|__________________________|
| | |
| M | |
| E | |
| N | IFRAME |
| U | |
| | |
| | |
|________|_________________|


What it looks like in FF:

__________________________
| |
| Logo |
|__________________________|
| | blank |
| M |_________________|
| E | |
| N | IFRAME |
| U |_________________|
| | blank |
| | |
|________|_________________|

[/CODE]


Thanks again for any assistance and for you assitance PeOfEo,

-Sam
Copy linkTweet thisAlerts:
@PeOfEoFeb 28.2005 — [COLOR=deeppink]try this

height:100%; position:relative; width:100%; in the style attribute of the iframe tag. Get rid of the existing height and width.[/COLOR]
×

Success!

Help @SamB spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...