470,623 Members | 1,843 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 470,623 developers. It's quick & easy.

Table align works in Firefox, not in IE

20
The page linked HERE appears precisely as intended using Firefox.

Open the page with Internet Explorer and you'll see the problem.

The <iframe>'s don't appear to the right of the table, as intended, but beneath it.

I apologize in advance for the code not being spotless and clean.

How do I get IE to show the page as intended?
Dec 4 '06 #1
17 4526
AricC
1,892 Expert 1GB
It looks like the width of the iframe could be a problem why don't you position it using CSS? You should consider using a div if you can they are more stylable.
Dec 4 '06 #2
Fonceai
20
It looks like the width of the iframe could be a problem why don't you position it using CSS? You should consider using a div if you can they are more stylable.
I considered it.

But the following problem comes up...

To avoid having to make the same changes to 50 pages, I want to make changes to just one page. Hence the iframes.

With DIV tags, I have the following questions...

1. How do I put in a web page the way I can with iframes?

2. How do I resize the height attribute to allow for all content to be displayed regardless of height (as I'm doing with the Javascript)?

3. How do I prevent the DIV and/or iframe content from dropping below the buttons if a user manually reduces the width of their browser?

Even with Firefox, if you narrow your browser the iframe drops below the buttons before it allows scrolling, and I don't want it to do that.

I can try a solution using DIVs, but in the meantime those 3 questions are still highly pertinent.

I also need it to be targeted by Javascripts and A tags.
Dec 4 '06 #3
Fonceai
20
I'm still working on the DIV stuff... but in the meantime does anyone have any ideas how to get the tables to work correctly?
Dec 5 '06 #4
AricC
1,892 Expert 1GB
Post the table code that is giving you problems.
Dec 5 '06 #5
Fonceai
20
Post the table code that is giving you problems.
I linked to the page. You need to actually see how it is behaving fine in FF and not at all in IE.
Dec 5 '06 #6
drhowarddrfine
7,435 Expert 4TB
I don't see any differences.
Dec 5 '06 #7
Fonceai
20
I don't see any differences.
Check both browsers again, and this time set your screen to wider than 1050 pixels, if you can.

In FF, it jumps the text up next to the buttons.

In IE, regardless of the width of the browser window, it stays below the buttons.
Dec 5 '06 #8
AricC
1,892 Expert 1GB
Ok, the reason I asked you to post your code is that not all of the site's code is relevant to the problem. I believe your problem is that your table looks like it only consists of the menu I think if you included the frames this might fix your problem. Here is an example of what I think would be a better solution:
[html]
<html>
<head>
<title>Test</title>
<style type="text/css">
body
{
background-color: #000;
color: red
}
.clsWrapper
{
width: 500px;
height: 500px;
border: 1px solid #fff;
}
.clsBox1
{
height: 100px;
width: 100px;
left: 25px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
position: absolute;
}
.clsBox2
{
height: 100px;
width: 100px;
left: 130px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
position: relative;
}
</style>
</head>
<body>
<div class="clsWrapper">
<div class="clsBox1">
Test
</div>

<div class="clsBox2">
Test
</div>
</div>
<body>

</html>
[/html]
Dec 5 '06 #9
Fonceai
20
Yeah, I wanted to avoid DIVs.

I've been looking into other reference material, and it would appear that my initial problem is not so much the table, but the alignment attributes of the table and iframes.

I already know how to use DIVs to do what you did there.

But you forgot the second part, which is more important to me.

In the first DIV (the one on the left) I want the menu buttons.

But in the second DIV (the one on the right) I want to control which web page is displayed in there.

DIVs don't make that easy.
Dec 5 '06 #10
AricC
1,892 Expert 1GB
I'll try and fix it tonite no time right now ( at work ) what are you trying to control with the iframes???
Dec 5 '06 #11
Fonceai
20
I'll try and fix it tonite no time right now ( at work ) what are you trying to control with the iframes???
The idea is for the iframes to display a web comic.

The problem is that with <td> and also I'm noticing now with <div> that an iframe will not resize to show all content.

If the web page inside the iframe is only 200 pixels high, I want the iframe to resize to that amount.

I found a Javascript that does it, but now I have the problem with the table cells.

Lemme try adding the rest of that messy iframes code and see what happens.
Dec 5 '06 #12
AricC
1,892 Expert 1GB
So you want to include some comics right? You could do something like this:

<div><?php include('somecomic.htm') ?>

This way you could use div's and include the comics via php or do the comics come from another site? Anyway if you want use scrolling="no" in the iframe if that is a problem or size the iframe to auto with css like height: auto;width: auto

HTH,
Aric
Dec 5 '06 #13
Fonceai
20
So you want to include some comics right? You could do something like this:

<div><?php include('somecomic.htm') ?>

This way you could use div's and include the comics via php or do the comics come from another site? Anyway if you want use scrolling="no" in the iframe if that is a problem or size the iframe to auto with css like height: auto;width: auto

HTH,
Aric
PHP... if I do that, will the DIV resize to include the entire included web page, regardless of what it is?

The comics are stored on the server.

scrolling="no" and height:auto and width:auto do not automatically resize to fit the content.
Dec 5 '06 #14
AricC
1,892 Expert 1GB
Ok by the comics are stored by the server do you mean that they are just images (not full pages) to go right in that spot? If so there is a much better way to do this then iframes.
Dec 5 '06 #15
Fonceai
20
Ok by the comics are stored by the server do you mean that they are just images (not full pages) to go right in that spot? If so there is a much better way to do this then iframes.
The comics are more than just images.

Each page with a comic on it also has buttons that navigate to other comics and comments. They are full pages in their own right, but have no special formatting.
Dec 6 '06 #16
Fonceai
20
New version of the page is up.

I used DIVs and kept my little Javascript to resize IFRAME and DIV height.

It's HERE if you want to check it out.

And it's compatible with multiple browsers.
Dec 6 '06 #17
AricC
1,892 Expert 1GB
That looks 1000% better than before.
Dec 6 '06 #18

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

5 posts views Thread by Cappy2112 | last post: by
13 posts views Thread by Giggle Girl | last post: by
3 posts views Thread by lovely_angel_for_you | last post: by
1 post views Thread by =?iso-8859-1?q?Jean-Fran=E7ois_Michaud?= | last post: by
2 posts views Thread by pinson.nick | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.