Table nightmares >:(

richard.york · June 21st, 2004, 03:26 PM

Your flash movie is working in Mozilla now. Don't forget the hack that guy was talking about to get around having to wait for the entire movie to load before it plays in IE. He uses an empty, intermediate movie to cure that. The intermediate movie is designed as such that it can be used for any Flash movie that he wants to embed in a web page. I think he's using query strings and a tiny snip of actionscript to accomplish that.

Regards,
Rich

::::::::::::::::::::::::::::::::::::::::::
The Spicy Peanut Project
http://www.spicypeanut.net
::::::::::::::::::::::::::::::::::::::::::

Snib · June 21st, 2004, 03:30 PM

Rich,

I added the code you gave me, and STILL it's not working (although it is closer).

If it works as it should in Mozilla I can e-mail you a picture of it in IE, if you want.

It seems to want to center it, as when I put in more text, it makes the cell bigger like I said. Weird.

Thanks again,

Snib

<><

richard.york · June 21st, 2004, 03:35 PM

Link to the image and put the link here. I'm using the code displayed on this page and it works perfectly fine for me.

Regards,
Rich

::::::::::::::::::::::::::::::::::::::::::
The Spicy Peanut Project
http://www.spicypeanut.net
::::::::::::::::::::::::::::::::::::::::::

Snib · June 21st, 2004, 03:48 PM

Still, like I said, it tries to center it.

But, when I put more words, it starts to even out.

I can live with this, but it would be horribly inconvenient.....

Thanks again for your time,

Snib

<><

richard.york · June 21st, 2004, 03:52 PM

You included these CSS rules?

Code:

table#contentbody {
    width: 100%;
    table-layout: fixed;
}
td.menu {
    width: 142px;
}

And this HTML?

Code:

        </table>
        <table id='contentbody'>

Cause this works for me in IE 6 regardless of how much content appears in the content cell.

Which version of explorer is this? Did you clear the IE cache to be sure IE isn't pulling the old CSS file from the cache?

Regards,
Rich

::::::::::::::::::::::::::::::::::::::::::
The Spicy Peanut Project
http://www.spicypeanut.net
::::::::::::::::::::::::::::::::::::::::::

Snib · June 21st, 2004, 03:55 PM

This is exact copy-paste from styles.css:

table#contentbody {width:100%;table-layout:fixed;}
td.menu {width:142px;}

Windows 2000 - IE 6.0.2800.1106 SP1 + a few other updates

This sure is weird....

Thanks,

Snib

<><

stu9820 · June 24th, 2004, 03:37 PM

Try:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="SHORTCUT ICON" href="images/favicon.ico">
<link href="styles.css" rel="stylesheet" type="text/css">
<script src="scripts.js" language="javascript" type="text/javascript"></script>
<title>SnibWorks FPro</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="keywords" content="web development forums php mysql html dhtml css javascript jscript asp asp.net">
</head>

<body>
<table class=mainContent>
<tr><td class=banner colspan="2">

<table>
<tr><td>
<object type="application/x-shockwave-flash" data="fpro_flash_banner.swf" width="500" height="100" id="fpro_flash_banner" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="fpro_flash_banner.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
</object>
</td>
<td>
<span class="location">fpro.home</span><br>
<a href="http://snibworks.com/">[SnibWorks.com]</a> <a href="javascript:openPrinterFriendly()">[printer friendly]</a>

</td>
</tr>

</table></td></tr>
<tr><td width="165" class=menu><table class=contentbody>
<tr>
<td class=menuheader>
member_info {
</td>
</tr>
<tr>
<td class=menucontent>
<form method=POST action="login.php">
[log in below, or <a href="register.php">register</a>]<br>
<input type=text size=15 name="user" value="username" onFocus="this.value = ''"><br>
<input type=text size=15 name="pass" value="password" onFocus="changeToPassword(this)"><br>
<input type=submit value="Log in >">
</form>
</td>
</tr>
<tr><td class=menuheader>} with(fpro) {</td></tr>
<tr><td class=menucontent>
<a href="index.php">home</a><br>
<a href="profile.php">profile</a><br>
<a href="active.php">active_topics</a><br>
<a href="members.php">members</a>
</td></tr>
<tr>
<td class="menuheader">
}
</td>
</tr>
</table></td><td width="559" class=content id=content>

<table width="100%" class='colored'>

<tr><td width='100%'><img src='images/minilogo.png' alt='MiniLogo'> test1</td></tr><tr><td width='100%'><img src='images/minilogo.png' alt='MiniLogo'> test5</td></tr><tr><td width='100%'><img src='images/minilogo.png' alt='MiniLogo'> test87</td></tr>

</table>

</td></tr>
<tr><td class=footer colspan="2"><p style="text-align:center">
<a href="http://validator.w3.org/check?uri=referer">
<img border="0"
src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01!" height="31" width="88">
</a>
<img border="0" src="images/fpro_logo01.png" alt="Powered by SnibWorks FPro Forum Software Version 1.1, using PHP 4.3.2">
</p></td></tr>
</table>
</body>
</html>

Snib · June 24th, 2004, 03:49 PM

Still nothing....

Thanks,

Snib

<><

Snib · June 28th, 2004, 04:55 PM

FYI, I took Ben and Rich's advice and switched to <div> elements with float properties.... I didn't know 5 minutes was all I needed to solve my problem!! :D

The fixed page can be found at fpro.snibworks.com.

Thanks all,

Snib

<><

Snib · July 6th, 2004, 09:46 AM

Unfortunately, this problem has come back from the dead. The site displays great in IE 6, but I recently downloaded Firefox 0.9 and it displays incorrectly.

In Firefox
In IE

See how the content is below the menu in Firefox?

EDIT: Among other things, I see. The Flash movie is gone, and the alignment is messed up....

Is there a way to get this to stop? Does this also happen in other non-IE browsers?

Thanks ahead of time.

Snib

<><