HTML - Can't Figure Out Why Ie Won't Display My Site Correctly.

Guys, i am in a real bind here. I recently redesigned my website & gave it a fresh look. Well apparently that new look has come with a cost! My homepage doesn't display correctly in IE6 or IE7. I am getting a lot of complaints about it & I have no clue how to fix it. I added a script to inform users that they were using an older browser that was outdated but a lot of my users cannot update their browsers because they are on work computers & what not. Can someone please help me fix this mess.

My homepage URL is: http://www.biglake411.com/

The site displays correctly using firefox & IE8. The problem is with IE6 & IE7. Here are screen shots of each:





Thanks in advance.

I am wondering if it is possible to create an INDEX.HTML to redirect to another website?

I would like it to display the redirected site, but if possible keep to the original address..

e.g.
A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar.

Hope I explained ok, any responce would be much appricated!
Thanks!

The following site was created with WordPress 2.8.4, using the WP Slider theme. It looks perfectly fine in Firefox but has some issues in IE7. (I'm a front end designer and have only a working knowledge of coding, so any help would be appreciated.)

http://amcreativestudio.com/

Basically, the errors are with image alignment on the 'home' and 'services' page, and with no text showing up on the 'portfolio' page. I've used align="right" for the images - added this code in WP, in my theme's admin panel. I'm also using a variety of plugins, which may or may not be affected how my pages view. Help!

I used the html validator add on for Firefox, and it produced the following errors on the above referenced page.

line 18 column 43 - Error: document type does not allow element "span" here

line 127 column 53 - Error: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

line 268 column 53 - Error: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

line 296 column 3 - Error: document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

line 297 column 3 - Error: document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

line 298 column 13 - Error: end tag for "p" omitted, but OMITTAG NO was specified

line 267 - Info: start tag was here

line 322 column 38 - Error: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

line 375 column 58 - Error: there is no attribute "role"

Hi

Maybe it's just on my computer, but my site's not coming up right in Firefox the last few days.

It works fine in other browsers.

Can anyone see a fault in my coding to explain why there is no info appearing in the "Tommo's Trivia" box?

The site is at http://www.billygoatkaraoke.com.au

Thanks for taking a look.

Shaun

I am primarily a PPC / offsite SEO guy. My html skills are horrible and I can't do much more than basic text modificaitons using Microsoft Expression Web.

One of my clients who has the site: http://www.grandaffairrental.com/
displays correctly in Google Chrome on all pages of the site.

However in IE and possibly other browsers on the bottom of the home page the text overlaps and looks like garbage. Similar probelms exist on:

http://www.grandaffairrental.com/AboutUs.htm (bottom)
http://www.grandaffairrental.com/Services.htm (bottom right)
http://www.grandaffairrental.com/PriceList.htm

If someone could kindly tell me how to rectify this I'd greatly appreciate the assistance. Thanks in advance.

Hello,

I have a slideshow embedded on a webpage that was made using SlideshowPro Director. The slideshow looks great but the problem is the navigation at the top of the page has drop down menus that show up BEHIND the slideshow. So if you put your mouse on the "Custom Services" drop down you'll notice that the menu does not show up on top of the slideshow. Here is the page that I'm referencing:
http://www.manhattantextiles.com/ind...ewDoc&docId=13

The code for the slideshow is pre-generated from slideshowpro but I added a <DIV> above it so I could float it to the right side of the page with padding.

Here is the code that I am using to embed the slideshow:
HTML Code:

<div style="float: right; padding-top: 20px; padding-right: 30px; padding-left: 30px;">
<!-- START EMBED CODE -->  <script type="text/javascript" src="http://www.manhattantextiles.com/slideshowpro/m/embed.js"></script>
<div id="album-5">&nbsp;</div>
<script type="text/javascript">
	SlideShowPro({
		attributes: {
			id: "album-5",
			width: 430,
			height: 400
		},
		mobile: {
			auto: false
		},
		params: {
			bgcolor: "#000000",
			allowfullscreen: true
		},
		flashvars: {
			xmlFilePath: "http://www.manhattantextiles.com/slideshowpro/images.php?album=5",
			paramXMLPath: "http://www.manhattantextiles.com/slideshowpro/m/params/glass.xml",
			panZoom: "On",
			feedbackPreloaderAppearance: "Spinner"
		}
	});
</script>  <!-- END EMBED CODE -->
</div>

The code is a bit hard to show for the dropdown menu, but I am using a pre-built menu system that I modified for my purposes called MenuMatic. It is a javascript based navigation menu that is using simple bulleted lists <ul>, <li> etc...

Any help is greatly appreciated!

I have a wordpress blog in which on the single post page the container div is non-existent and the sidebar and footer go into the content div. The page displays fine in firefox it only has the problem in internet explorer. Any help would be greatly appreciated.

Here is an example of the problem: http://purplemushroomreviews.com/gam...mption-review/

Hello,

I have nearly finished working on a site for my brother's Photography but am running into an issue with how it displays in IE7. Here is a link to the site:

http://www.markofphotography.com/

It looks fine in Opera and Firefox, but IE7 can't seem to render it. I created the site's HTML using Photoshop and slices. Any help is appreciated.

Thanks!

Right now i have a website that is an output frmo unix that displays the amount of free space on a server. The problem is the whole website is a mess and i only need certain information from that site. By the way the output is an html file. How would i go about taking the small information i need and displaying it on a different website? I have talked to some colleagues and some suggest VB-Script. If anyone has any knowledge about this that would be great. Thanks

David

Safari doesnt display html site as it should be, instead Safari shows just the html code...:

what can i do?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="de-ch" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Ohne_Titel_1</title>
</head>

<body>

<p>TEST</p>
<img src="http://blabla.com/image.jpg" />

</body>

</html>


This is just a sample html code, and its saved as .html file on the server... so what could it be? (the main page is displayed correct by the way...)

Thank you very much!

Hi All,

Please Heeeeeeeeeeeeeeeeeeeeeeeeeeeellllllppp!!!!!
Thanks in advanced!!!

Have a few mistakes and / or something is missing below:



Code:

<html>

<head>PLEASE FIND THE MISTAKE(S) or SOMETHING MISSING /</head>

<script type="text/javascript">


window.onload=function()

{

document.getElementById('exampleletterList').onchange=function()

	{

		window.location=('http://www.example.org/'+this.value+'');

	}

}

</script>

<body>

<select id="exampleletterList">

<a target=\"_blank\" href=\"file.doc\" title=\"\">John Doe<br> XXXXXXXXXXX</br></a>.

<option value=""><b> PLEASE SELECT THE FOLLOWING: <b/> </option><!--this option takes you to -->



<body mar="0" marginheight="0" bgcolor="rgb(38,38,38)">
"BACKGROUND BLUE GREEN MARMOL "
<embed width="100%" height="100%" name="plugin" 

src="http://www.example.pdf" 

type="application/pdf">

<br>

<CENTER>


<option value=index.htm>Option #1</option><!--this option takes you to --> 

<option value="example7">Option #2</option><!--this option takes you to -->

<option value="example3">Option #3 </option><!--this option takes you to -->

<option value="example4"><br>Option #4</br></option><!--this option takes you to -->

<option value="example5">Option #5</option><!--this option takes you to -->

<option value="example2">Option #6</option><!--this option takes you to -->

<option value="blog/wp-login.php"><!--this option takes you to blog-->


</select>



</CENTER>

</br>

</body>

<html xmlns:v="urn:schemas-microsoft-com:vml"
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz


</body>

</head>

</html>

http://www.mythlabb.com/

IE displays the top logo just fine. Firefox displays it as a broken image. It's just a .jpg file, nothing special, and it's on the page as a regular image tag right at the top of the Body tag.

Am I missing some little Firefox quirk here or something?

I removed the text content in the code snippet below but it's enough to get the idea.

Code:

<html>
<head>
<link rel="stylesheet" href="styles/mainStyle.css" type="text/css" media="screen" charset="utf-8" />
</head>

<body>
<center><img src="images\mythLogo.jpg"></center>
<center>webdesign - consultation - graphics<br></center><br><br>
<div id="topnav">Insert menu here</div>
<div id="maintext">Insert text here</div>
</body>
</html>

The title says it all, my site just doesn't properly work in safari. heres the link
www.royaltee-design.com
help would really be appreciated
thanks

Hi, new poster, as well as new web designer!

I'm having trouble with having a javascript execute in an html table. What I'm trying to do is have the image background for the table to change with an onMouseOver, then change back with an onMouseOut:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function mouseover () {
document.getElementById("nav1").src="nav1_hover.bmp"
}
function mouseout () {
document.getElementById("nav1").src="nav1.bmp"
}
</script>

<STYLE type="text/css">
body {
background-color: white;
color: silver;
font-size:12px;
font-family: courier new;
}
</STYLE>

<title>untitled</title>

</head>

<body>
<a href="http://www.htmlgoodies.com">
<font color="#666666">
<table border="0" cellpadding"0" cellspacing="0">
<tr>
<td onMouseOver="mouseover ()" onMouseOut="mouseout ()" id="nav1" width="120" height="34" background="TF221 site redo/menu1.bmp" align="center">nav1
</tr>
</td>
</table>
</a>
</body>
</html>

The bolded and underlined chunk of code is what I'm having trouble with. I've put it everywhere in here but it's not taking it. Heck, what I'm trying to do may not be possible anyway, I'm not sure. Help is appreciated, thanks!

Ok, so I have this div set up like this:

HTML Code:

<div id="divbody"> 
<div id="menudivcenter"> 
Content of menu goes here
 </div>
 </div>
<div id="footer">Content Of the Footer Goes Here</div>

To me, this would stack the divs on top of eachother. Problem is they are side by side instead......

here is the site:
http://dl.dropbox.com/u/9856200/baby...d-wrk/dfc.html

here is the css:
http://dl.dropbox.com/u/9856200/baby...bdb_colors.css


Also this is a work in progress obviously so there's probably tons of errors and crap. I'm a novice so let me know if I'm horribly disfiguring this thing.