Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    May 2004
    Posts
    119
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool Iframe Disappears!

    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:

    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>

  • #2
    Regular Coder
    Join Date
    Nov 2004
    Location
    The Netherlands
    Posts
    551
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Posting just a portion of the source isn't going to help. We need the entire source.

    Do you have the page online?
    CATdude about IE6: "All your box-model are belong to us"

  • #3
    Regular Coder
    Join Date
    May 2004
    Posts
    119
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi mrruben5!

    Unfortunately, not online.

    I will post html below:

    Code:
    <!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">&nbsp;Home<ul><li><a href="home.html" target="iframe">&nbsp;Welcome</a></li></ul></td></tr>
    <tr><td class="td"></td></tr>
    <tr><td class="button">&nbsp;Solutions<ul><li><a href="home.html" target="iframe">&nbsp;Welcome</a></li></ul></td></tr>
    <tr><td class="td"></td></tr>
    <tr><td class="button">&nbsp;Partners and Associates<ul><li><a href="home.html" target="iframe">&nbsp;Welcome</a></li></ul></td></tr>
    <tr><td class="td"></td></tr>
    <tr><td class="button">&nbsp;Founder<ul><li><a href="home.html" target="iframe">&nbsp;Welcome</a></li></ul></td></tr>
    <tr><td class="td"></td></tr>
    <tr><td class="button">&nbsp;Contact Information<ul><li><a href="home.html" target="iframe">&nbsp;Welcome</a></li></ul></td></tr>
    <tr><td class="td"></td></tr>
    <tr><td class="button">&nbsp;Site Related<ul><li><a href="home.html" target="iframe">&nbsp;Welcome</a></li></ul></td></tr>
    <tr><td class="td"></td></tr>
    <tr><td class="button">&nbsp;Fran&ccedil;ais<ul><li><a href="home.html" target="iframe">&nbsp;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>

  • #4
    Regular Coder
    Join Date
    Nov 2004
    Location
    The Netherlands
    Posts
    551
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hell, that's some bloated code. Using empty tables.. Why? Let's do that in CSS will we

    I'll recode the page for you in CSS. I'll do that this afternoon :P
    Last edited by mrruben5; 07-11-2005 at 11:17 AM.
    CATdude about IE6: "All your box-model are belong to us"

  • #5
    Regular Coder
    Join Date
    May 2004
    Posts
    119
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •