Table align works in Firefox, not in IE

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

Subscribe Post Reply

4817

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

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

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

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

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

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

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

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

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

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

by: T | last post by:

I am attempting to create a menu using <div> and <span> tags within a table cell. When the page loads, some of the classes don't seem to be applied. If I hover over the menu everything is fine...

HTML / CSS

HTMLGen- Table Align property

by: Cappy2112 | last post by:

Does anyone know if the table align property is available in HTMLgen.Table? The docs don't show it, but I find it hard to believe that it is not available. I want to center the table. Only the...

Python

can a table align vertical-center on the web form

by: Rabbit | last post by:

Dear All I'm new to use ASP.Net for developement, can someone tell me how can I create a web form with size say 300px x 300px, align vertically center on the page Because so far I can use Div...

ASP.NET

Resize table problem in Firefox for Web App

by: Giggle Girl | last post by:

Hi there, I am having a problem with the behavior of Firefox, where lefthand column content is not resized properly after it is "collapsed" and then "re-expanded". An online demo is available...

Javascript

CSS - Table background-color - Firefox !

by: lovely_angel_for_you | last post by:

Hi, I have following link. By visitng first in IE, and then in Firefox, you would get to know my issue. http://lovely.angel.for.you.googlepages.com/test.htm...

HTML / CSS

table border works in IE not in firefox

by: spirit | last post by:

Hi friends, I created a table in my website.I apply border to that table throught CSS. It works fine in IE, but the borders doesn't appear in firefox. Can anyone help me to sort out this problem?

HTML / CSS

My page works fine in IE but css div is not recognised in firefox

by: Benny123 | last post by:

Im very new to the who css lark so am struggling quite a bit. ive managed to build a basic div centred box with css embedded in my html. It looks fine in IE but loses all size in firefox. Any...

HTML / CSS

Help on table align on left of page vs left hanging indent

by: =?iso-8859-1?q?Jean-Fran=E7ois_Michaud?= | last post by:

Hello guys, I was wondering if anybody here had implemented a solution where Tables are aligned according to what the hanging indent tells us when there is a potential for the table overflowing...

.NET Framework

dynamic table issue in Firefox

by: pinson.nick | last post by:

I've been playing around with dynamic tables for the last couple days and have run into some interesting issues. I know how to work around this issue, but was wondering if anyone had any insight as...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

Table align works in Firefox, not in IE

Similar topics