|
HTML - Site Works In Firefox But Not Ie. Please Help!!
Code:
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<style>
<!--
/* Style Definitions */
div.MsoNormal
{mso-style-parent:"";
margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
font-size:10.0pt;
color:black;
}
li.MsoNormal
{mso-style-parent:"";
margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
font-size:10.0pt;
color:black;
}
p.MsoNormal
{mso-style-parent:"";
margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
font-size:10.0pt;
color:black;
}
ol
{margin-top:0in;
margin-bottom:0in;
margin-left:-2197in;}
ul
{margin-top:0in;
margin-bottom:0in;
margin-left:-2197in;}
@page
{mso-hyphenate:auto;}
--></style>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Announcements</title>
</head>
<body border="0" width="100%" height="912" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" bgcolor="#0000FF">
<tr>
<td colspan="3" height="184">
<table border="0" width="85%" cellpadding="0" height="665" cellspacing="0">
<tr>
<td height="144" width="98%" colspan="3" align="center" bgcolor="#0000FF">
<img border="0" src="images/BannerGMSN.jpg" width="100%" height="144"></td>
</tr>
<tr>
<td height="36" colspan="3" align="center" bordercolor="#FFFFFF">
<p align="center">
<font face="arial" color="#FFFFFF" size="4">
<b><a href="index.htm" style="text-decoration: none">Home</a>
<a href="Announcements.htm" style="text-decoration: none">
Announcements</a>
<a href="Athletics&Activities.htm" style="text-decoration: none">
Athletics & Activities</a>
<a href="GMSN_Information.htm" style="text-decoration: none">
GMSN Information</a>
<a href="https://www.geneva304.org/departments/curriculum_instruction/frameworksformiddleschool.asp" style="text-decoration: none">
Curriculum</a></b> </font></td>
</tr>
<tr>
<td width="16%" bgcolor="#FFFFFF" align="left" bordercolor="#FFFFFF" valign="top">
<!--[if pub]><xml>
<b:ColorScheme type="OplSccm" oty="92" oh="279">
<b:Rgecp type="OplEcp" priv="214">
<b:OplEcp type="OplEcp" priv="411">
</b:OplEcp></b:Rgecp></b:ColorScheme><![if pub11]><xml>
<b:Page type="OplPd" oty="67" oh="265">
<b:PtlvOrigin type="OplPt" priv="511">
<b:Xl>22860000</b:Xl>
<b:Yl>22860000</b:Yl>
</b:PtlvOrigin>
<b:Oid priv="605">(`@`````````</b:Oid>
<b:OhoplWebPageProps priv="90E">266</b:OhoplWebPageProps>
<b:OhpdMaster priv="D0D">263</b:OhpdMaster>
<b:PgtType priv="1004">5</b:PgtType>
<b:PtlvOriginEx type="OplPt" priv="1111">
<b:Xl>110185200</b:Xl>
<b:Yl>110185200</b:Yl>
</b:PtlvOriginEx>
</b:Page>
</xml><style><!--
/* Style Definitions */
div.MsoNormal
{mso-style-parent:"";
margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
font-size:10.0pt;
color:black;
}
li.MsoNormal
{mso-style-parent:"";
margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
font-size:10.0pt;
color:black;
}
p.MsoNormal
{mso-style-parent:"";
margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
font-size:10.0pt;
color:black;
}
ol
{margin-top:0in;
margin-bottom:0in;
margin-left:-2197in;}
ul
{margin-top:0in;
margin-bottom:0in;
margin-left:-2197in;}
@page
{mso-hyphenate:auto;}
--></style> <![if pub11]><img border="0" src="images/viking.jpg" width="116" height="142"><br>
<font color="#FFFFFF" face="Arial">
<span style="font-weight: 700; background-color: #FFFFFF">
</span>
</font><br>
</td>
<td width="56%" bgcolor="#FFFFFF" align="left" bordercolor="#FFFFFF" rowspan="2" valign="top">
<p style="margin-top: 0; margin-bottom: 0"><br>
<span style="font-weight: 700">
<font face="Arial" color="#0000FF" size="6">Announcements</font></span></td>
<td width="28%" bgcolor="#FFFFFF" align="center" bordercolor="#FFFFFF" rowspan="2" valign="top">
<p> </td>
</tr>
<tr>
<td width="16%" bgcolor="#FFFFFF" align="left" bordercolor="#FFFFFF" valign="top" height="348">
<div style="position: absolute; top: 591px; left: 41px; width: 104px; height: 101px; z-index: 1">
<p style="line-height: 150%; margin-top: 6px; margin-bottom: 6px"> <a href="http://www.geneva304.org/">
<img border="0" src="images/Announ1.jpg" width="104" height="101"></a></div>
</td>
</tr>
</table>
</body>
</html>
Similar Tutorialshttp://www.ptacnik.com/index102.html When previewing through Dreamweaver in ANY of these 3 browsers it looks fine. (from my local drive) But once online it only loads in Firefox. Is there something fishy with the frames perhaps? missing an XML doc on my end? I can't figure out what is causing this. Any help would be very much appreciated. http://www.ptacnik.com/nav1.html is the top frame and the list below are the frames loaded under nav1. http://ptacnik.com/about101.html http://ptacnik.com/design.html http://ptacnik.com/illustration.html Hello, for one site only, IE6 fails to prompt to save password for a Login Form. This is a new site. IE6 *does* prompt for other sites (e.g. amazon.com sign-on) The IE autocomplete settings are set to prompt in the usual way. I've tried clearing all cookies/cache etc. There are no autocomplete disabled/off settings in the page. What is strange is that Firefox does prompt to save password for site for the problematic page, as I would expect IE to. The only thing that's maybe a bit unusual is that the INPUT name="..." in the Form contains unusual chars such as ^ and !. But i wouldnt have though that was a problem (?). Any ideas why the save password prompt is not appearing for this one site? thanks. Hi All, im new here so go easy. this might be an easy answer. i am making this website and am positioning items around the site using div tags. the site looks just how i want it to in Firefox but when i open it in IE it has different sizes everywhere and does not match up. also i have a logo in the upper right of the site. how do i get this to resize when the browser size is changed? here is the sites code. <html> <head> <title>Maroondah Trailers</title> </head> <body BGCOLOR="807a7a"> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 0%; top: 0%; width: 16%; height: 97%;"></div> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 84%; top: 0px; width: 16%; height: 97%;"></div> <div style="background-color: White; position: absolute; left: 16%; top: 15%; width: 68%; height: 82%;"></div> <div style="background-color: ff3600; color: white; position: absolute; left: 16%; top: 15%; width: 68%; height: 4%;"></div> <div style="position: absolute; left: 60%; top: 3%; width: 30%; height: 40%;"><img src="pictures\logo2.gif"></div> <div style="background-color: black; position: absolute; left: 84%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 15%; width: 68%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 19%; width: 68%; height: .3%;"></div> </body> </html> heres what they both look like thanks alot Matt I am working on a site and the picture at the front looks nice and correct size in Firefox but the image gets stretched and looks bad in IE (not at first but if you refresh the page). I know a realitivly small amount about HTML. The site is he http://undergrounder.nfshost.com/ Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Undergrounder.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 {
font-size: 36px;
font-style: italic;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}
.style3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
}
a:link {
color: #990033;
}
a:visited {
color: #990033;
}
a:hover {
color: #990033;
}
a:active {
color: #990033;
}
-->
</style>
</head>
<body>
<div align="center" class="style1">
<p>Undergrounder.com</p>
</div>
<p align="center"><img width="70%" height="70%" src="imgs/index/m.JPG" alt="Clay Caver Image"></p>
<div align="center" class="style3">
<p><a href="imgs/Photogal/indexp.html">Photo Gallery</a> ~ <a href="gocaving.htm">Want to go caving?</a></p>
</div>
</body>
</html>
Hi, Below code works in Internet Explorer but not in firefox. i want the text "USA Travel Agents:" to be appeared in the center of the page. IE displays in the center but firefox displays that in the left side of the page. someone pls correct it. many thanks in advance. ---------------------- HTML Code: <html>
<head>
<title>Find Travel Agents in USA.</title>
<meta name="description" content="10-15 word description of your site read by some search engines">
<meta name="keywords" content="main keywords of your site separated by commas. Read by some search engines">
<style>
a:link { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
a:visited { text-decoration:none; }
</style>
</head>
<body>
<br>
<table
width="27%" border=0 bordercolor="#FF0000" >
<tr>
<TD align = 'left' >
<a href = "../index.php" ><FONT face="Arial, Helvetica, sans-serif"
size=2><I> <font color="#FFFFFF"><img src="BENGLIlist.BMP" alt="" width="137" height="39" /></font></I></a>
</TD></TR>
</table>
<A HREF="Top"></A>
<table align="center" border=0 bordercolor="#FF0000" >
<b>USA Travel Agents:</b>
<tr>
<td > <A HREF="#TaxFile">NY </A></td>
<td> <A HREF="#VA">VA </A></td>
<td> <A HREF="#TX">TX </A></td>
<td> <A HREF="#IL">IL</A></td>
<td> <A HREF="#FL">FL</A></td>
<td> <A HREF="#GA">GA</A></td></tr>
</table>
<table align = 'center' width = "55" border = "0" style = 'table-layout:fixed'>
<col width = 290>
<col width = 290>
<col width = 290>
<col align = "Top" />
<col align = "center" />
<col align = "tOP" />
<tr bgcolor = #00FF00>
<th>Name</th>
<th>Address</th>
<th>Contact Info</th>
</tr>
<tr></tr><tr></tr>
<tr > <TD COLSPAN = "4"><A NAME="TaxFile"> <font color = "red"> <b>New York Travel Agents</B></A> </TD>
<TD></TD>
<TD></TD></tR>
<tr bgcolor = "#AFC7C7">
<td ALIGN = "left" valign = "top"><b> TRAVELS</b><br><br></td>
<td ALIGN = "left" valign = "top">67 Dikalob Avenue. Brooklyn.NY</td>
<td ALIGN = "left" valign = "top">Phone: 347 282 9509
<br><a href = "mailto: [email]amarabbuhas@yahoo.com[/email]" > <font color = #0000ff> [email]hasan@yahoo.com[/email]</font></a></td>
</tr>
<tr bgcolor = "#AFC7C7">
<td ALIGN = "left" valign = "top"><b> SERVICE</B><br><br></td>
<td ALIGN = "left" valign = "top">1887 14 Hillside Ave. NY</td>
<td ALIGN = "left" valign = "top">Phone 718 598 5121
<br><a href = "mailto: [email]TRAVELS@GMAIL.COM[/email]" > <font color = #0000ff> [email]TRAVELS@GMAIL.COM[/email]</font></a></td>
</tr>
</body>
</html>
Hi everyone! I am trying to figure out what is going on here. I have this bit of code that works fine in Firefox but not in IE. The problem is that the icons appear on different lines. Just like I have a line break. Everything should appear next to each other on the same line. Anyone know what Im missing here... Code: <div class="printButton"> <a href="" target="_blank"> Document Center <img src="images/download_files_icon21x21.png" alt="Download Files" width="21" height="21" border="0" ></a> <a style="text-decoration: none"> • </a> <a href="<?php echo $currentpage ?>_print.php?id=<?php echo $_GET['id'] ?>" target="_blank"> Print Page <img src="images/print_icon.gif" alt="Print" width="21" height="21" border="0" ></a> <a style="text-decoration: none"> • </a> <a href="print_all.php?id=<?php echo $_GET['id'] ?>" target="_blank"> Print All <img src="images/print_all_icon.gif" alt="Print All" alt="Print All" width="21" height="21" border="0" ></a> </div> Any help would be fantastic! Thanks! I worked up a VERY simple site. Loads fine in firebox, but no IE. I'm at wits ends--what very simple thing am I missing? http://jewelofgardenlakes.com/ Much thanks for any help. -Brent I have multiple buttons on my webpage, in firefox they all show up, but in ie7/8 only the first 2 show. Here is the html HTML Code: <table style='width:auto;'> <tr> <td> <INPUT type=submit id=save name=save value=Save class=btn> </td> <td> <INPUT type=submit id=delete name=delete value=Delete class=btn> </td> <td <INPUT type=submit id=clear name=clear value=Clear class=btn> </td> <td <INPUT type=button id=list name=list value='Shopping List' class=btn onClick='menuselected()'> </td> <td <INPUT type=button id=print name=print value=Print class=btn onclick="window.print()"> </td> </tr> </table> Obviously the css is the same for the 3rd button as the first 2 so I don't think that is an issue. Any ideas? Code: <html>
<head>
<style type="text/css">
.maintable
{
position:fixed;
top:20px;
}
body { height: 1000px; }
</style>
</head>
<body>
<h1>This is a heading</h1>
<table class="maintable">
<tr>
<td>00001</td>
<td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td>
</tr>
</table>
<table>
<tr>
<td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td>
</tr>
</table>
</body>
</html>
If I do that this is heading , and maintable overlap in firefox.but in ie they come below each other??? why? I would like it to overlap in ie as well. If I SCROLL in firefox, the maintable overlaps with the other table as well when table 2 becomes at position 20 px on scroll. In ie's case, on scroll the maintable disappears and doesnt stay fixed in position 20 px. help? See http://www.smoli.com I just added the SmoothDivScroll (jQuery add-on) to my page to create scrolling images at the bottom. Unfortunately as a result the table no longer resized correctly to the size of the screen, and the scrolling does not work. This only happens in Firefox, in IE8 everything works as it should. Any idea what is wrong with my code? Many thanks in advance, J. PS: Everything also works fine when previewed from within FrontPage 2k3 (the editor I use to create the page). Hello, my problem is simple, my code works in Safari and Firefox but does not work in Internet Explorer. The code is supposed to open up my other site inside a frame when visiting drewandjess.net. Works perfectly except with IE... it just displays some text that should be commented out. Any advice would be appreciated! Domain: www.drewandjess.net Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Andrew and Jessica's Wedding</title><!-->incase they have javascript turned off<!-->
<script type="text/javascript"><!-->changes title bar to match title on current page in frame<!-->
function changeTitle()
{
if (top.frames['main'].document.title)
{
top.document.title=top.frames['main'].document.title;
}
}
</script>
</head>
<frameset>
<frame name="main" src="http://www.weddingwire.com/youandme"scrolling="auto" target="main" ONLOAD="changeTitle();"><!-->You need the onload handler to make the javascript work<!-->
<noframes>
<body>
If you can see this message it is because you are using a browser that does not support frames. Please retry viewing this page with a browser such as Mozilla Firefox.
</body>
</noframes>
</frameset>
</html>
Would anyone have any idea why the following HTML works perfectly with Firefox but not with IE: <IMG src="http://cash2u2c.ipower.com//Photos/Map3.jpg><align=center> (i.e. the map displays perfectly with the Firefox browser but does not display with Internet Explorer) Thank you for your time. HTML Code: <script type="text/javascript">
function doChangeVideo(myVal)
{
mediaPlayer.autoStart= "true"
mediaPlayer.fileName= myVal
}
</script>
<table border='0' cellpadding='0' align="center">
<tr><td>
<OBJECT id='mediaPlayer' width="320" height="285"
classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
<param name='fileName' value="mms://media.huntingtonnews.net/video/2007/">
<param name='animationatStart' value='true'>
<param name='transparentatStart' value='false'>
<param name='autoStart' value="false">
<param name='showControls' value="true">
<param name='loop' value="false">
<EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1'
bgcolor='darkblue' showcontrols="true" showtracker='-1'
showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="320" height="285"
src="mms://media.huntingtonnews.net/video/2007/" autostart="false" designtimesp='5311' loop="false">
</EMBED>
</OBJECT>
</td></tr>
<!-- ...end embedded WindowsMedia file -->
<!-- begin link to launch external media player... -->
</table>
<CENTER><form>
<select name="section" size="1" language="javascript" onChange="doChangeVideo(this.options[selectedIndex].value);">
<option selected>Select a video...</option>
<option value= "mms://media.huntingtonnews.net/video/2007/Pete Vaughan-1.wmv">Clip 1: Pete Vaughan</option>
<option value= "mms://media.huntingtonnews.net/video/2007/Tom McCallister-1.wmv">Clip 2: Tom McCallister</option>
<option value= "mms://media.huntingtonnews.net/video/2007/Mary Neely--1.wmv">Clip 3: Mary Neely</option>
<option value= "mms://media.huntingtonnews.net/video/2007/James Insco-1.wmv">Clip 4: James Insco</option>
<option value= "mms://media.huntingtonnews.net/video/2007/Mayor responds-1.wmv">Clip 5: Mayor responds</option>
<option value= "mms://media.huntingtonnews.net/video/2007/JamesRitter-1.wmv">Clip 6: James Ritter</option>
</select>
</form></CENTER>
This code works fine in my html editor's browser, it works fine in IE, but like usual FireFox wants to be difficult. Does anyone see anything glaring that would make it not work? I don't know if this is the right forum because of the embeded code but that code works fine in both browsers, it's the javascript that isn't working in FireFox... Codeguru Hi, Im trying to develop a simple HTML interface for virtual tours but I cant get the site to look the same in all browsers. The problem comes when I view the page in IE. I want the bottom table to only be the length of the window as done in both safari and firefox. My site can be viewed on: http://www.fullvisual.com/informatic...tual_tour.html why doesn't the width=100% work? Thanks Please help me out here - I'm probably missing something really simple but can't seem to figure it out. The problem page is located he http://www.thegoheens.com/cities/Woodbury Using the scroll wheel on my mouse seems to work perfectly with Firefox but when I try it in IE it does nothing. Am I the only one having this problem? Thanks in advance for any help. Hi Guys, Newbie on the forum - so cheers in advance www.cheesenugget.com/lifecoaching/index1.html i have tried everything and it does not display on IE 6,7 or 8 It shows fine on Firefox. Can anyone please shed some light on the issue - i have not added any strange script on it If you open this txt file in IE, you should see a nicely formatted page. When you open it up in Firefox, the horizontal rule is hanging out in no man's land. I've tried moving some div's around and creating a div just for the <hr> but nothing seems to work. Anyone have any suggestions? ps. sorry for having to attach the html as a txt file. i do not have access to host a site. This is the first thing that I have ever written, so don't laugh and make derogatory remarks. The code works flawlessly on firefox and safari, but for some reason on internet explorer it doesn't even look remotely similar. So, please, any help I can get is welcomed. Code: <html>
<head>
<title>Theory Productions</title>
<style type="text/css">
body {background-color:000000}
h2 {text-align: center}
h2 {color: #EEFAFA}
h2
{
font: 175% "gill sans"
}
h2
{
line-height: 14pt
}
a:link {color: #FFFFFF; text-decoration: none}
a:visited {color: #FFFFFF; text-decoration: none}
a:hover {text-decoration: none}
a:active {color:#FFFFFF; text-decoration: none}
</style>
</head>
<body>
<span style="position: relative; left: 88px"><img src="logo.gif" width="650px" height="215px"> </span>
<h2><a href="http://www.google.com" target="_blank">Echols</a></p>
<h2>Echols' Concert</p>
<h2><a href="http://www.google.com" onclick="window.open(this.href,'popup','width=720,height=480');return false">Echols' Great Adventure</a>
<h2><a href="EGTS.htm">Echols Goes To School</a>
<h2><a href="http://www.google.com" target="_blank">Adam's Playground Adventure</a></p>
</body>
</html>
Thanks, Adam I'm trying to make an album for a website of mine, and it seems to be working fine in IE but you can't scroll through the pictures in Firefox. Can someone help, please? http://saeboston.com/Untitled-5.html |
|||||||