HTML - Internet Explorer Viewing Problems

Hey everyone

Ive been working on a website for my company for some time now and Coothead has been able to help me with most everything I need

Only problem is now when I go to work to view the website on a PC running Windows XP SP3 and IE 8 the dropdown menu links don't function proporly.

Im not sure if its my CSS or my PHP Includes, or maybe something else hehe.

my website is www.k2digitalinc.com
and if it looks fine on your browser then this is a pic of what it looks on on XP IE 8

http://free.hostultra.com/~k2digitalinc/website.JPG

When i hover over a link it appears below the next with no background and its impossible to click the link.

Ill post my entire website script and images below, any help appreciated. I dont really understand CSS but I think its proboly a problem with the default.css file, because coothead already helped me with my php includes, so I trust he did it right

Any help appreciated.

Thanks.

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

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

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 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: I'm having problems with IE viewing my site. Unfortunately a lot of my viewers still use IE, but the way the design was made (Open Source design), the right side is in the first part of the file (<div id="content">) and the left side is afterwards (<div id="left">). It was working fine in IE for a while but then just suddenly stopped working after I was editing. Not sure what I did.

Site demo: www.neptuneware.com
Username: gametest
Password: penguins
When prompted.

Could anyone please look at it in IE and tell me why it's not working. All HTML is in the source code (nothing's hidden), but here is the CSS file:

Code:

/* 

** BLUE:SKY - main stylesheet

** This CSS file makes the webpage look pretty ;-)

** 

** March 5, 2006 - (version 1.0)

** 

** this is a part of the open source layout by 

** Jonas John (www.jonasjohn.de) ~ made for gameindicator.com
** GAMEINDICATOR.COM using OPEN SOURCE WEB DESIGN (OSWD.ORG)
** GameIndicator thanks OSWD and Jonas John for our website design.

*/



/* page overall: bg used to be a5ddf8 */



html * { 

    margin: 0; 

    padding: 0; 

    border: 0;

}

 

body {

    margin: 0.5em 0em 2em 0em;



    font-size: 100%;

    font-family: "Lucida Grande", Verdana, Arial, sans-serif;

    line-height: 1.1em;

    text-align: center;

    

    background-color: #fff;

    background-image: url(../images/background.png);

    background-repeat: repeat-x;

}

 

#page { 

    width: 1000px; 

    text-align: left;  

    margin-left: auto; 

    margin-right: auto;  

} 





/* header: */



#header {

    position: relative; 

    width: 100%;

    height: 2.8em;

    color: #fff;

    vertical-align: middle;

    text-align: left;

} 



#header a:link, #header a:visited {

    color: #FFFFFF;

    text-decoration: none;

    font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;

    font-weight: bold;

    font-size: 1.9em;

    letter-spacing: -0.1em !important;

    letter-spacing: -0.2em;

    line-height: 1.2em;

}





/* left column: */



#left {

    width: 24%; 

    float: left; 

    position: relative; 

    font-size: 0.8em;

}


/* DIV NAV EXTRA
**  border-right: 0.18em solid #4284B5;

**  border-bottom: 0.16em solid #4284B5;
*/


div#nav {

    background-color: #fff;

    width: 90%;
    border: 1px solid #555555;

}

    

#nav ul {

    list-style-type: none;

    padding: 0.5em 0em 0.9em 0em;

}



#nav ul li {

    padding: 0.03em 0em 0.03em 0.9em;

    margin-right: 0.3em;

}



#nav a:link, #nav a:visited {

    color: #2E668B;

}

 

#nav a:hover, #nav a:active {

    color: #000;

}


/* LEFT BOX EXTRA
**  border-right: 0.18em solid #4284B5;

**  border-bottom: 0.16em solid #4284B5;
*/


div.left_box {

    background-color: #fff;

    width: 90%;

    margin-top: 1em;
    border: 1px solid #555555;

}


/* LEFT BOX AND NAV H3 EXTRA
** border-top: 0.1em solid #65B6E3;   

** border-left: 0.1em solid #65B6E3; 
*/


div.left_box h3, div#nav h3 {

    margin: 0em;

    padding: 0.2em 0em 0.2em 1em;

    font-size: 0.8em;

    color: #fff;  

    background-color: #4284B5;

    text-transform: uppercase;

    font-family: Verdana, Arial, sans-serif;
    border-bottom: 1px solid #555555;

}



div.left_box p {

    margin: 0em;

    padding: 1em 1em 1em 1em;

}



div.left_box a:link {

    color: #2E668B;

}

    

div.left_box a:visited {

    color: #254A65; 

}

 

div.left_box a:hover, div.left_box a:active {

    color: #000;

}


/* innerbox
** border-right: 0.15em solid #7BA5C6;

** border-bottom: 0.15em solid #7BA5C6;
*/


div.inner_box {

}







/* content column: */


/* CONTENT EXTRA
**  border-right: 0.2em solid #4284B5;

** border-bottom: 0.2em solid #4284B5;
*/


#content {

    float: right; 

    display: inline; 

    position: relative; 

    width: 75%; 

    font-size: 0.75em;

    border: 1px solid #555555;

    background-color: #fff;

}



#content h1 {

    clear: both;

    margin: 0em 0em 0em 0em;

    padding: 0.5em 0em 0em 0.1em;

    font-size: 1.7em;

    font-family: "Trebuchet MS", Arial, sans-serif;

    color: #FF6300;

    border-bottom: 0.05em solid #FF9853;

    line-height: 1em;

}



#content p {

    margin: 0em 0em 0.5em 0em;

    padding: 0.35em;

}


/* PATH EXTRA | border-right: 0.23em solid #7BA5C6; */


#path {

    font-family: Verdana, Arial, sans-serif;

    margin: 0em 0em 0em 0em;

    padding: 0.4em 0.6em 0.4em 0.6em;

    font-size: 0.9em;

    color: #2F5E80;

    background-color: #D0E7F4;
    border-bottom: 1px solid #555555;

}



#content a:link {

    color: #2E668B;

}

    

#content a:visited {

    color: #255270; 

}

 

#content a:hover, #content a:active {

    color: #000;

}



#content acronym {

    border-bottom: 1px dotted #4284B5;

    cursor: help;

    margin: 0;

    padding: 0;

}


/* MAIN EXTRA
**  border-bottom: 0.2em solid #7BA5C6;

**  border-right: 0.2em solid #7BA5C6;
*/


#main {

    padding: 0.5em 1.5em 1.5em 0.7em;

}



div.img_left, div.img_right {

    border-bottom: 0.09em solid #4284B5;

    border-right: 0.1em solid #4284B5;

}



div.img_left {

    float: left; 

    margin: 0.5em 0.8em 0em 0em;

}



div.img_right {

    float: right; 

    margin: 0.5em 0em 0em 0.8em;

}



div.img_left img, div.img_right img {

    display: block;

    border: 0.35em solid #7BA5C6;

    margin: 0;

    padding: 0;

}



/* this clears floating (e.g images) */

br.clear {

    clear: both;

    display: none;

}





/* footer: Margin (no spec side) used to be 0em, EXTRA padding: 0em; */



#footer {

    font-size: 0.6em;

    clear: both;

    color: #027BC1;

    text-align: right;

} 



#footer p {

    margin: 0em;

    padding: 0.1em;

}



#footer a:link, #footer a:visited { 

    color: #027BC1;

} 



#footer a:hover, #footer a:active { 

    color: #000000;

}

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

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

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.

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

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>