HTML - Blocks On The Right Show Incorrectly In Internet Explorer

I created this website, http://www.earlyrain.com/jonathan... on my Mac, and it works exactly how I want it in Safari. But, when I go to my mom's PC with 2000 on it (internet explorer 6), the entire page is just random pictures everywhere and looks horrible. Then I can go into Firefox on her PC and the placement of everything works, but some of the pictures won't show up. There's a place for them, but I can't see them.

so, I really need some help with the IE problem, seeing as I don't have these problems on my computer...

Hi,

It seems that a lot of threads of this board are geared towards people having CSS issues in IE, I'm learning how to make websites at the moment and have also noticed this issue.

Why have Microsoft not done something about this? I don't understand, it seems like Firefox and other browsers have always been a few years in front of IE over the years, so why won't Microsoft just make a browser compatible with all the latest CSS features, if Firefox can do it I don't understand why Microsoft can't?

Is making the browser more update really that difficult?

My site looks perfect in all other browsers, but in Internet Explorer (possibly only earlier versions) the alignment of everything is completely off...My blog content appears to the right of the header instead of under it... I validated my code and still no luck, I am stuck! Any help is greatly appreciated!

My site is:

http://fashion.pocketfullofgold.com

THANKS!!!

i have a site that works like charm in firefox but in internet explorer it results to a not found page.Its index page is full of tables and whn i erase some tr it work in internet explorer too

Hello,
We have been trying to find the best way to fix our band website www.random-rocks.com
the buttons work on Internet Explorer but not in firefox or others. The Buttons i'm talking about are the one's on the left side of our website.... we designed the site with html...etc...

Anyone, please help me... with this problem.... use the source code... if that we help you.
Thank you.....it has been way to long with this problem.

thanks

Hello all, thanks for all the help you guys give!

I am having a few problems in IE only....Please visit http://www.firstpresgreenville.org/

At the top of the page please notice the search form...In IE, a box extends down and covers part of the text below....this doesnt happen in Firefox or Chrome...

Also, at the bottom of the page there is a content slider...In IE, the numbering shows as solid white boxes....In Firefox and Chrome the boxes are white with blue numbering...

I am sure these are easy fixes but i cannot figure out the best route to take....

Any help would be greatly appreciated!

Hi,

I'm sorry for asking this question but i just can't seem to find a solution so i thought it might be easier to ask an expert...

This is my site design in dreamweaver... click here to see dreamweaver image

It looks fine when i use firefox but for some reason in internet explorer it doesn't seem to like me using tables and moves the table right down the page leaving a big gap between the header and the table information.... click here to see in i.e.

If anyone has any suggestions how I can fix this it would be much appreciated and save me a lot of headaches.

Thanks

Adam

hi everyone

i m using this code to insert mpg file in xhtml.

<object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=8,5,0,0" width="200" height="200">
<param name="src" value="Jogi.mpg" />
<param name="BGCOLOR" value="#FF0000" />
<embed src="Jogi.mpg" width="200" height="200" pluginspage="http://www.macromedia.com/shockwave/download/" bgcolor="#FF0000" autostart="true"></embed>
</object>

i m testing this offline. This code works fine and shows video fine in firefox but does nothing in internet explorer 6. i have shockwave player installed both in firefox and internet explorer.

why is it.

vineet

I have a bit of a problem with my site. I'm using CSS for my td backgrounds and in some places it works and in some places it doesn't. I am looking at it using the lastest Internet Explorer. I don't get why it is working in some areas and not in others...

I'm wondering if someone can help me out and tell me what I'm doing wrong. Here's my webpage.... http://webtvdeluxe.com/home.php . Use Internet Explorer to view it and you'll see what I mean.

Please.... Someone help me

hey im working on a project and when i view the page in firefox the iframe works perfectly. When i view the page in internet explorer the iframe only shows up in the top left corner of the page.

Code:

<div style="position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:#F0FFFF">
</div>
<iframe style="position:absolute; left:0px; top:0px; right:0px; bottom:0px" src="http://www.google.com" frameborder="0" scrolling="no">
</iframe>

How can i fix this so the iframe is fullscreen in ie like it is in firefox. thx

Hi,

Now am developing a site for my company, am using HTML and CSS for site designing.
If I view the page in Firefox and IE, Firefox looks correct, but in IE the page looks some extra spaces.

Is there any tag (or) code is available to fix this issue.. (or)
Please advise me a solution to correct the issue.

Thanks for your help in advance.

So, I mainly use firefox, and my page looks fine in firefox.. but in Internet explorer there are some issues:

heres the code:

Code:

<div align="center" id=article>
<table  margin:0 border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="images/articles/top.jpg"/> </td>
</tr>
<td width="4px" style="background-image: url(images/articles/left.jpg)"></td>
<td width="734px" style="background-image: url(images/articles/middle.jpg)">
<br>Text here....
</td>

<td width="4px" style="background-image: url(images/articles/right.jpg)"></td></tr>

</table> <table margin:0 border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/articles/top.jpg"/> </td>
</tr></table></div>

Basically, I want that set up so I can put text in and the pics are already made to that they tile properly and neatly, that works, except there are spaces between top.jpg and middle.jpg

I reused top.jpg on the bottom, cuz it looks the same anyway and it saves bandwidth by reusing the same pic. But theres a space there too, except not in firefox, which is how it is supposed to look. Basically, top.jpg, left.jpg and right.jpg form a border, and middle.jpg is a shade of grey that fades to a darker color, but tiles correctly for the background, while text is displayed there... and it works, except for the spaces between top.jpg and the rest of the places.

Thanks for any help!

Hey,

Recently I've been coding the research group webpage for work. I used standard HTML 4.01 and CSS, which all verified perfectly with W3C, but for some reason IE is throwing a proper hissy fit!

Whatever other browser I use (Firefox, Safari, Opera, and Google Chrome) it works fine, but IE doesn't seem to see the base properly so all my image and style file subdirectories aren't found.

Here's a few lines from the header where I define the stuff of interest:

HTML Code:

  <title>Mark E Vardy - Summary</title>
  <base href="">
  <link rel="stylesheet" media="all" type="text/css" href="css/layout.css">
  <link rel="stylesheet" media='all' type="text/css" href="css/style.css">
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">

Anyone any ideas?

For a site I'm developing I decided to place a search dialogue in the header. Worked out the design in Photoshop, cut all the images correctly and put them in tables. For text input I used the textbox form. Sounds like it should work....

However when I load the page in Internet Explorer the textbox and other image form are not level with the rest of the page. Additionally when I load the page with Firefox it looks correct but I cannot use the search (by hitting enter or the spy glass).

You can see what I'm talking about at
www.masconline.info/test/titlebar.html

I managed to get the page to display correctly using layers. However I want to use this page as a sever-side include so that may not be a good idea.

After working with the code for over three hours I have to find a solution.

HELP ME!

Thanks.

Hi Experts,

I have a page which has a small toolbar and an Iframe. Somehow I am getting a weird white space between the header and the rendered Iframe (Chart in the snap shot).
An expert here on EE told me about box model bug and that it can be be fixed by DOCTYPE declaration. Luckily It got fixed but only on IE7, I want it to work on IE6.

Can you please suggest me a way to get rid of this white space? I have attached my code, snapshot and stylesheets used in this page


Code:

<%@page  language="java" import="java.sql.*" errorPage=""%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
 "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
<head>
<title>View Detail</title>
 
<script type="text/javascript" src="/analytics/static/zoom/jquery.js"></script>
<script type="text/javascript" src="/analytics/static/zoom/thickbox.js"></script>
<link rel="stylesheet" href="/analytics/static/zoom/thickbox.css" type="text/css" media="screen" />
 
<style type="text/css">
        @import url("/analytics/static/styles/intranet.css");             /* main stylesheet */
        @import url("/analytics/static/styles/intranet-2col.css");        /* column stylesheet */
        @import url("/analytics/static/styles/intranet-2col-1024.css");   /* 1024px stylesheet */
</style>
<link rel="shortcut icon" href="../jsp/favicon.icon" />
</head>
 
<body>
<div id="page-wrapper"><%@include file="Header.jsp"%>
<div id="column-wrapper"><!-- begin columns --> 
<%@include file="NEW_TOOLBAR.jsp"%>
 
<div id="content"><!-- begin content column -->
<div class="inner">
 
<iframe src="chart.html?chartType=${detailForm.chartType}&chartGroup=${detailForm.chartGroup}&chartSubgroup=${detailForm.chartSubgroup}&liabilityCode=IRU&timeline=${detailForm.timeline}&width=600&height=400" frameborder="0" scrolling="no" width="700" height="430" align="top"></iframe>
 
 
<!-- end content column, then column wrapper --></div>
</div>
<%@include file="Footer.jsp"%></div>
 
</body>
</html>