HTML - Site Problems With Internet Explorer

New to the forum, but the title states it all. I'm trying to help someone find a fix for his website, when people use Internet Explorer 6 or 7 to view the site, it looks like this:

http://img707.imageshack.us/img707/7493/badq.jpg

Here is the link to the page he's having trouble with:
http://biglake411.com/

When viewed in FF or IE8 it views fine. While just having everyone update to Internet Explorer 8 or FF would be the easiest thing, some people are viewing/using the website from work computers and cannot update. I think he used some kind of automatic generator to create the code. If you could help diagnose the problem it'd be much appreciated...

Feel free to email me the fix or post it on here.

Much appreciated everyone!

Hi guys,

Just a couple of display issues in IE to pass by you.

Firstly, my large text headers display too far up in Internet Explorer (all pages)
Secondly, my descriptions on my Portfolio pages end up outside their containing divs.

Works great on FF/Chrome/Opera/Safari though!
You'll see what I mean: http://bit.ly/a3hUD4 (I've used bitly so my dumb questions don't show up when someone googles my website).

>> Here's the CSS for the centre div with the jumbo-text titles

.column1 {
padding: 103px 10px 10px 10px;
float: left;
width: 500px;
margin: 0;
}

>> And for the description div on the portfolio page

.porttxtbox {
text-align: right;
background-image: url(images/porttxtBG.png);
bottom: 0;
position: absolute;
width: 100%;
padding: 0px;
margin: 0px;
}

Hi

I'm designing a simple website in NVU, but although it displays correctly in NVU and Firefox, for some reason the tables aren't centred in Internet Explorer (they stay on the left side of the browser).

The site is at www.saturdaynightmusical.com

Any tips on why this is displaying differently in IE would be greatly appreciated!

Many thanks for your time.

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

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...

I want to fix some of the images and links at fix position on the website on all pages. So i have used Div tag and given position fixed and mentioned the position required for me. It works fine in Chrom, Mozilla but does not works in Internet explorer. I tried all versions of IE from 7 to 9. But it is not looking in same way as it looks in other browsers. You too can visit this url: http://www.arete.in/sgcdesign/practice.html

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!!!

Hey guys,

My company is building this website and it seems like we're having quite a bit of trouble with the rollovers and their alignment in Internet Explorer versions before 7. It would be awesome if any of you could give us some insight as to why (other than asking customers to upgrade their explorer or switching to firefox).

Another thing is the portfolio section is falling a little too far below the title for a designer's comfort (we're a graphic design studio... not web experts).... how might I be able to fix it?

I want to thank everyone who's helped us in the past and hope someone can help us again!

Theia

Hey everyone. I've been working on a site recently and I've run into a couple problems since I'm sort of self-taught and am just getting the hang of some HTML techniques.

First of all, I'm having serious format problems with Internet Explorer. My site has a stoplight navigation bar that works fine in FF/Chrome, but when it comes to Internet explorer, it always displays it at the top of the page and moves everything else down .

Second, I can't get any doctype validation to work on my website. I've tried strict, transitional and frameset (even though I don't have frames). Whenever I try it, it seems to completely ignore my stylesheet.

Anyway, my website is www.avavenue.com. Here's my code for the home page:


Code:

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems.">
    <meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12">

    <title>AV Avenue</title>

    <link rel="stylesheet" type="text/css" href="stylesheet.css">

  </head>

  <body>

    <ul id="stoplight">
      <li id="stoplight1"><a href="index.html"></a></li>
      <li id="stoplight2"><a href="aboutus.html"></a></li>
      <li id="stoplight3"><a href="contactus.html"></a></li>
    </ul>
    

    <div id="stoplightbottom">
      <img src="Images/Home Page/StoplightBottom.png" alt="">
    </div>
    
    <div id="smartboard">
      <img src="Images/Home Page/Smartboard.png" alt="">
    </div>

    <div id="specials">
      <img src="Images/Home Page/AprilSpecials.png" alt="Check out our special services for April!">
    </div>

    <div id="text2">
      <img src="Images/Home Page/Text2.png" alt="">
    </div>

    <div id="avsign">
      <img src="Images/Home Page/AVAvenueLeftSign.png" alt="">
    </div>

    <div id="states">
      <img src="Images/Home Page/States.png" alt="">
    </div>

    <div id="contractorstext">
      <span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
    </div>


    <div id="company1">
      <img src="Images/Home Page/Company1.png" height="30" width="100" alt="">
    </div>

    <div id="company2">
      <img src="Images/Home Page/Company2.png" height="30" width="100" alt="">
    </div>

    <div id="company3">
      <img src="Images/Home Page/Company3.png" height="30" width="100" alt="">
    </div>

    <div id="company4">
      <img src="Images/Home Page/Company4.png" height="30" width="100" alt="">
    </div>

    <div id="company5">
      <img src="Images/Home Page/Company5.png" height="30" width="100"alt="">
    </div>





    <div id="flashmovie">

      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="400" id="AV_Ave" align="middle">

        <param name="movie" value="AV_Ave.swf">
        <param name="quality" value="high">
        <param name="bgcolor" value="#000000">
        <param name="play" value="true">

        <param name="loop" value="true">
        <param name="wmode" value="window">
        <param name="scale" value="showall">
        <param name="menu" value="true">
        <param name="devicefont" value="false">
        <param name="salign" value="">
        <param name="allowScriptAccess" value="sameDomain">


        <object type="application/x-shockwave-flash" data="AV_Ave.swf" width="600" height="400">

          <param name="movie" value="AV_Ave.swf">
          <param name="quality" value="high">
          <param name="bgcolor" value="#000000">
          <param name="play" value="true">

          <param name="loop" value="true">
          <param name="wmode" value="window">
          <param name="scale" value="showall">
          <param name="menu" value="true">
          <param name="devicefont" value="false">
          <param name="salign" value="">
          <param name="allowScriptAccess" value="sameDomain">         

            <a href="http://www.adobe.com/go/getflash">
              <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player">
            </a>

        </object>

      </object>

    </div>


  </body>

</html>

and the code for the about us page:

Code:

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems." />
    <meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12" />


    <title>AV Avenue</title>

    <link rel="stylesheet" type="text/css" href="stylesheet.css" />

  </head>

  <body>

    <ul id="stoplight">
      <li id="stoplight1"><a href="index.html"></a></li>
      <li id="stoplight2"><a href="aboutus.html"></a></li>
      <li id="stoplight3"><a href="contactus.html"></a></li>
    </ul>
    

    <div id="stoplightbottom">
      <img src="Images/About Us/StoplightBottom.png"/>
    </div>
    
    <div id="smartboard">
      <img src="Images/About Us/Smartboard.png"/>
    </div>

    <div id="specials">
      <img src="Images/About Us/AprilSpecials.png"/>
    </div>

    <div id="avsign">
      <img src="Images/About Us/AVAvenueLeftSign.png" />
    </div>

    <div id="states">
      <img src="Images/About Us/States.png" />
    </div>

    <div id="contractorstext">
      <span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
    </div>

    <div id="greenbackground">
      <img src="Images/About Us/GreenBackground.png" height="500" width="630"/>
    </div>

    <div id="aboutusheader" width="250">
      <span class="whitetext1 tahoma">Classroom Technology Specialists</span>  
    </div>

    <div id="aboutusparagraph">
      <span class="whitetext3 arial">AV Avenue has been specializing in K-12 and Higher Education for nearly 10 years. We provide audio/video equipment sales, systems installations, and services for existing systems. While our focus is in classroom technology, we also offer the following services below:
      </span>
    </div>

    <div id="list1">
      <span class="whitetext2 arial underline">Classrooms</span>
      <ul>
        <li><span class="whitetext2 arial">Projectors</span></li>
        <li><span class="whitetext2 arial">SMART Boards</span></li>
        <li><span class="whitetext2 arial">Audio Systems</span></li>
        <li><span class="whitetext2 arial">Sound Field Systems</span></li>
        <li><span class="whitetext2 arial">Control Systems</span></li>
        <li><span class="whitetext2 arial">Acoustics</span></li>
      </ul>
      </br>

      <span class="whitetext2 arial underline">Building Wide</span>
      <ul>
        <li><span class="whitetext2 arial">Video Surveillance</span></li>
        <li><span class="whitetext2 arial">Paging</span></li>
      </ul>
      </br>


      <span class="whitetext2 arial underline">Cafeteria</span>
      <ul>
        <li><span class="whitetext2 arial">Acoustics</span></li>
        <li><span class="whitetext2 arial">Sound Systems</span></li>
      </ul>

    </div>

    <div id="list2">
      <span class="whitetext2 arial underline">Auditorium</span>
      <ul>
        <li><span class="whitetext2 arial">Acoustics</span></li>
        <li><span class="whitetext2 arial">Sound Systems</span></li>
        <li><span class="whitetext2 arial">Video Displays</span></li>
        <li><span class="whitetext2 arial">Video Recordings</span></li>
      </ul>
      </br>

      <span class="whitetext2 arial underline">Library</span>
      <ul>
        <li><span class="whitetext2 arial">Acoustics</span></li>
        <li><span class="whitetext2 arial">Sound Systems</span></li>
      </ul>
      </br>


      <span class="whitetext2 arial underline">Music Rooms</span>
      <ul>
        <li><span class="whitetext2 arial">Acoustics</span></li>
        <li><span class="whitetext2 arial">Sound Systems</span></li>
        <li><span class="whitetext2 arial">Video Systems</span></li>
      </ul>

    </div>

    <div id="list3">
      <span class="whitetext2 arial underline">Gymnasium</span>
      <ul>
        <li><span class="whitetext2 arial">Acoustics</span></li>
        <li><span class="whitetext2 arial">Sound Systems</span></li>
        <li><span class="whitetext2 arial">Video Displays</span></li>
        <li><span class="whitetext2 arial">Video Recording</span></li>
      </ul>
      </br>

      <span class="whitetext2 arial underline">Swimming Pool</span>
      <ul>
        <li><span class="whitetext2 arial">Acoustics</span></li>
        <li><span class="whitetext2 arial">Sound Systems</span></li>
      </ul>
      </br>


      <span class="whitetext2 arial underline">Athletic Fields</span>
      <ul>
        <li><span class="whitetext2 arial">Sound Systems</span></li>
        <li><span class="whitetext2 arial">Video Recording</span></li>
        <li><span class="whitetext2 arial">Scoreboards</span></li>
      </ul>
      </br>

      <span class="whitetext2 arial underline">Dance Studio</span>
      <ul>
        <li><span class="whitetext2 arial">Sound Systems</span></li>
        <li><span class="whitetext2 arial">Acoustics</span></li>
      </ul>

    </div>

  </body>

</html>

(cont)

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!

http://www.dishonor-elite.com/Trashy/screencap1.jpg

if you look at the link it says it all, i paid for someone to code my website and they kinda just left me hanging, so if anyone can help me with this one problem i would be very very thankful, your friend from new orleans,
John Ruckler

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>