Iframe Disappears!

mbay

07-11-2005, 09:22 AM

Hello Everyone!

I was wondering if you smarties could help me out with my current issue.

I have a css menu in one td (which is to the left) and an iframe (which is to the right).

Mozilla : Everything "a-ok"
IE: (sigh) Well, it seems when I go over one of the menu items to the left, the 75% of the iframe just vanishes!

Any help would be greatly appreciated.

mbay

CSS Code:

<style>

.td {
width: 200px;
height: 20px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background-color: #90bade;
}

.button {
width: 200px;
padding-top: 4px;
padding-bottom: 5px;
background-color: #005B8A;
border-left: 5px solid #508fc4;
border-right: 5px solid #508fc4;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
}

.button ul {
list-style: none;
}

.button li a {
border-bottom: 1px solid #90bade;
display: block;
text-decoration: none;
color: #A3DEFD;
width: 95%;
}

.button li a:hover {
background-color: #DCFFD4;
border-bottom: 1px solid #005C0F;
text-decoration: none;
color: #000000;
width: 95%;
}
</style>

mrruben5

07-11-2005, 09:24 AM

Posting just a portion of the source isn't going to help. We need the entire source.

Do you have the page online?

mbay

07-11-2005, 09:54 AM

Hi mrruben5!

Unfortunately, not online.

I will post html below:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<style>

.td {
width: 200px;
height: 20px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background-color: #90bade;
}

.button {
width: 200px;
padding-top: 4px;
padding-bottom: 5px;
background-color: #005B8A;
border-left: 5px solid #508fc4;
border-right: 5px solid #508fc4;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
}

.button ul {
list-style: none;
}

.button li a {
border-bottom: 1px solid #90bade;
display: block;
text-decoration: none;
color: #A3DEFD;
width: 95%;
}

.button li a:hover {
background-color: #DCFFD4;
border-bottom: 1px solid #005C0F;
text-decoration: none;
color: #000000;
width: 95%;
}
</style>
<title>Don't know yet</title>
</head>

<body bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0"><table width="1020" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="right" class="td"><img src="images/transparency.gif" width="1" height="70" border="0" alt=""></td>
</tr>
<tr><td bgcolor="#EDF9FF"><table width="200" cellpadding="1" cellspacing="1" border="0">
<tr><td class="button"> Home<ul><li><a href="home.html" target="iframe"> Welcome</a></li></ul></td></tr>
<tr><td class="td"></td></tr>
<tr><td class="button"> Solutions<ul><li><a href="home.html" target="iframe"> Welcome</a></li></ul></td></tr>
<tr><td class="td"></td></tr>
<tr><td class="button"> Partners and Associates<ul><li><a href="home.html" target="iframe"> Welcome</a></li></ul></td></tr>
<tr><td class="td"></td></tr>
<tr><td class="button"> Founder<ul><li><a href="home.html" target="iframe"> Welcome</a></li></ul></td></tr>
<tr><td class="td"></td></tr>
<tr><td class="button"> Contact Information<ul><li><a href="home.html" target="iframe"> Welcome</a></li></ul></td></tr>
<tr><td class="td"></td></tr>
<tr><td class="button"> Site Related<ul><li><a href="home.html" target="iframe"> Welcome</a></li></ul></td></tr>
<tr><td class="td"></td></tr>
<tr><td class="button"> Français<ul><li><a href="home.html" target="iframe"> Bienvenue</a></li></ul></td></tr>
<tr><td><img src="images/transparency.gif" width="1" height="10" border="0" alt=""></td></tr>
</table></td><td><iframe src="welcome.html" name="iframe" id="iframe" width="800" height="100%" marginwidth="0" marginheight="0" align="left" frameborder="0"></iframe></td></tr></table></body></html>

mrruben5

07-11-2005, 10:12 AM

Hell, that's some bloated code. Using empty tables.. Why? Let's do that in CSS will we :D

I'll recode the page for you in CSS. I'll do that this afternoon :P

mbay

07-11-2005, 10:28 AM

Really?

Wow, you're a saint!

I've always wanted to do tables in css by knowledge is very limited and i'm willing to learn, so i do quite a bit of research.

I will give you time to do this, and I will verify it later today.

Thanks again in advance, it is really really appreciated!

mbay