|
HTML - Site Showing Differently In Microsoft's Browser
This site: http://gmjones.org/
Displays well, apart from the black background!, in Opera and FireFox browsers but not in Microsoft's browser. The code for the search box is <li><form action="http://www.google.com/search" name="searchbox" method="get" style="padding-top: 1px;"> <input name="hl" value="en" type="hidden"> <input name="sitesearch" value="gmjones.org" type="hidden"> <input maxlength="205" size="38" name="q" value=""> <input value="SEARCH THIS SITE" name="" style="font-size: 80%; margin-left:19px;" type="submit"> </form></li> How do I get the search box to appear within the rest of the red strip, and in red? Thanks. EDIT: DON'T KNOW WHAT I DID BUT IT'S OK NOW! Similar TutorialsHi. I just had my dad download the Opera web browser and I was checking on a website I did with all black tables... the tables are unseen when viewed on Mozilla or IE but when I look at the page on Opera the tables show up and are grey bordered. Is this just an error with Opera's code reading or is there something I can be doing to prevent it? the site is www.spmstudio.com Thanks! Good evening all - our site: http://www.proliant-hard-drives.com/ was designed about a month ago - we just installed IE7 today and the header of our site has a white line displaying horizontally through the middle of it. http://www.globalonetechnology.com/ff-vs-ie7.jpg Does anyone know why this is happening? Is there a fix for it? Thanks! g1tech Hello. I was trying to code my site, but I ran into a problem with my site working in firefox seamlessly, but looking very not good in internet explorer. I ran it through the markup validator thingy on the w3schools website, and it told me there was only one problem with the site and that was that the body tag was in the wrong spot (I don't know where else I'd put it though). And the text I put in it is way to the left in IE, but aligned right where I want it in FF. Here's what it looks like in FF: And here's what it looks like in IE: This is the code I'm using: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<title>Bite Me - The free online shonen-ai/yaoi novel - fantasy, vampires, romance, anime!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background:url(http://bitememanga.com/images/layout%20mabob%20copy.jpg) top center no-repeat;
height: 884px
}
#yaoinovel {
margin:auto;
padding: 80px 0px 0px 136px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 14px;
color: white;
width: 610px
}
#updates {
margin:auto;
padding: 85px 0px 0px 135px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 14px;
color: white;
width: 625px
}
#adsense {
margin:auto;
padding: 250px 160px 0px 0px;
height: 70px;
width: 175px
}
#affiliations {
margin:auto;
padding: 60px 0px 0px 50px;
width: 500px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size:14px;
color: white;
}
#nav {
margin: auto;
padding:7px 0px 0px 128px;
text-align: center;
list-style-type:none;
color: gray;
font-family: Geneva, 'Times New Roman', Times, serif;
font-size:24px;
font-weight:bold;
}
#nav a {
padding:3px;
border:0px solid #ccc;
font-size:18px;
color:#f00;
text-decoration:none;
}
</style>
<div id="nav">
<a href="http://bitememanga.com/"><font color="white">.<font color="A30808">Home</font>.</font></a>
<a href="http://bitememanga.com/book.html"><font color="white">.<font color="A30808">Novel</font>.</font></a>
<a href="http://bitememanga.com/characters.html"><font color="white">.<font color="A30808">Characters</font>.</font></a>
<a href="http://bitememanga.com/about.html"><font color="white">.<font color="A30808">About</font>.</font></a>
<a href="http://bitememanga.com/videos.html"><font color="white">.<font color="A30808">Videos</font>.</font></a>
<a href="http://bitememanga.com/comments.html"><font color="white">.<font color="A30808">Comments</font>.</font></a>
<a href="http://bitememanga.com/forum.html"><font color="white">.<font color="A30808">Forum</font>.</font></a>
<a href="http://bitememanga.com/more.html"><font color="white">.<font color="A30808">More</font>.</font></a>
</div>
<div id="yaoinovel">
Welcome to Bite Me, the online shonen-ai/yaoi novel about Aku the vampire, and his love, Haru. You're probably wondering what this means. Well, shonen-ai means "boys love", in other words, love between two boys. A manga is a japanese comic book that reads from right to left, and a manga-novel is a book with Japanese names, settings, and customs that you may find in a manga. <br><br><br>
We also have lots of shonen-ai and yaoi videos and a forum to discuss boys love. We hope to see many active participants in our site!
</div>
<div id="updates">
<font color="A30808">*06/25/2009*</font> Switched layouts! We hope everybody likes the new one! : D Also, we added a videos page and changed the forum a lot.</div>
<div id="adsense">
<script type="text/javascript"><!--
google_ad_client = "pub-0516390167224604";
/* 468x60, created 6/25/09 */
google_ad_slot = "9079773776";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="affiliations">
<a href="http://www.durka2manga.com/" title="Durka 2 Manga"><img src="http://www.durka2manga.com/images/d2m_aff.jpg" alt="Durka 2 Manga" title="Durka 2 Manga" width="100" border="0" height="31"></a>
<br>If you'd like to become an affiliate, please email us at bitememanga@hotmail.com</div>
<body>
<p></p>
</body>
</html>
I could really use help with this. I appreciate anything you can do! Hello, I went to make a change on someones website. I was using a different program than I normally do. Anyway... for some reason a bunch of the code isn't showing up. Here's the website: https://www.villagetoyshop.com/ I normally just edit the html, but tried using komposer. I edited the code in komposer, but when I uploaded it a bunch of stuff isn't showing up. I can see it when I view source, but can't figure out why it doesn't appear in the browser. The code that isn't showing up is at the bottom and has the hours, contact info, etc... I didn't make the site and was just trying to help, but am not sure what to do. I have some basic web design knowledge, but am not an expert. Any help would be greatly appreciated. Kevin P.S. I just realized there is a page on the server entitled index2.html (http://www.villagetoyshop.com/index2.html). The index.html is suppose to look similar to that. Hi, I have made a website that is scalable, but the problem is that it is not showing correctly in Internet Explorer. It works fine in Firefox. (2.x) site: http://www.haaga-helia.fi/~a0500249/pohja/index.html I don't know where the bug is. I ran it with w3c validator and it was fault free. Something to do with the css file, but I don't know where. Help is appreciated. Sincerely, Juha Hello everybody! My name is Myron, and I'm a bit stumped on a code we are using at school. The teachers gave us the following HTML we could use for a site we made, but so far it seems to be only working on FireFox and Chrome I'll use this site as an example: http://www.hildevos.com/ As you can see, IE seems to be loading the page, but then fails to show the Flash-component in the middle of the screen. FireFox and Chrome don't seem to have this problem, which is nice, but I really want to run the site on all webbrowsers! This is the code we are using: Quote: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1"> <title>www.hildevos.com</title> <meta content="Dutch, Nederlands" name="language" /> <meta name="description" content="Hilde Vos, The Official Website." /> <meta name="Keywords" content="Hilde, Vos, A Heartbeat Away, Country, Singer Songwriter, Music, Nederlandse zangeres"/> <meta name="revist-after" content="15 days"> <meta name="distribution" content="global"> <meta name="robots" content="ALL"> <style type="text/css"> #swf_gecentreerd { width: 990px; height: 590px; position: absolute; top: 50%; left: 50%; margin-left: -495px; margin-top: -295px; } </style> </head> <body> <div id="swf_gecentreerd"> <object type="application/x-shockwave-flash" data="Index.swf" width="100%" height="100%"> <param name="allowScriptAccess" value="Index.swf" /> <param name="loop" value="false" /> <param name="menu" value="false" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="wmode" value="opaque" /> <param name="bgcolor" value="#FFFFFF" /> <embed src="Index.swf" width="100%" height="100%" loop="false" allowscriptaccess="sameDomain" menu="false" quality="high" scale="noscale" wmode="opaque" bgcolor="#FFFFFF"></embed> </object> </div> </body> </html> If someone could please look at the code and snuff out all the errors, I'd be really happy! Thanks in advance!! Hey all! We seem to be having an issue with something. We changed the nameservers for a domain to a different hosting company and made up a new site for that host. Everything went fine. When I view the site on my computer the new site is there as it should be. However on my friend's computer it's still pulling up the old site with the old host, even though we've cleared out all the cookies, cache, etc. Sometimes the new site will pop up for a bit, then the old site shows up again, only on his computer. We're both going through the same internet service provider and I can't think of a single reason why his computer would be doing that. Any ideas? My site is showing expanded not looking nice in big monitors. Can anyone help please. I think it is a container or sidebar problems. pl see the attachment. I will appreciate your help. Greetings all, i have a site that i've tested on my servers, and everything looks great in IE, FF, Eudora, etc... but then when i post it to the client's server, it appears fine in IE, but in FF (through Netscape), it gets these funny characters everywhere (see attached). Like 'A's w/ carats over them at the spaces and such... i don't know if this is something correctable in my code, or if it's a difference in hosting environments. Any insight would be greatly appreciated... and just for reference, this is the encoding at the top of each page in case it matters: Code: <!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 http-equiv="content-type" content="text/html;charset=utf-8" /> TIA Hello everyone, there is a problem with this site I've been designing, If i resize the browser in FF or IE it causes all the tables and images to mess up. The site is http://www.shortdoggkennels.com/. The site isn't finished yet, btw. I have googled this and came up with a few things, I'm pretty sure it has something to do with the minwidth command, but I couldn't find any good tutorials. It would be greatly appreciated if any of you could help in any way. Thanks alot! Hi I have an html page that contains a .swf (index.html). I'd like to make sure that browsers always load the site, and not get it from their cache. I've heard of a thing called cache busting, but there is little info on it when dealing with anything other than a Wordpress site. Does anyone know about it or have info on any other way to make sure the site automatically loads directly? I don't want to have to rely on users manually clearing their cache. Cheers Shaun Hi, Glad I found this website. I'm a novice at html. I've been reading through some unrelated posts and learned a few new things already! I am helping someone build her website (learning along the way) and ran into a display problem in Mozilla that did not with I.E. After spending many hours helping my friend with a website and learning along the way, to my horror, I find that one of the frames do not display with Mozilla. I tried looking online to solve the problem but can't find anything with the same error. I'm hoping someone can help me ... please :-) I temporarily posted the website files at http://home.comcast.net/~test_pearlyeemd/ As you can see, the left frame does not display in Mozilla, but does in I.E. I suspect it's a compatibility issue but am not sure. Then I poked around in the Mozilla browser's Tool | Error Console and it gave me an error "document.layers is undefined" ... I have no idea what this means. I really don't want to start from scratch as I've already invested so much time into what I already did. Any help/suggestions would be greatly appreciated! Thanks! Hi, I am new to HTML and web programming, trying to learn things. I came across the Developer tools in Microsoft Explorer and I opened the main google page and yahoo mail log in page, but there was lots of lines, I thought it might be shorter than that cos there is not much going on the page, a search bar, a button and few links. Also, there are tags like css and script, does that mean they have use many scripting/languages to make that page, and how can u really write few hundreds of line just for an almost empty page (i.e. not much details), there must be something to make writing that script easier. If anybody can help me clarifying any of the above will be very appreciated Iv been creating an ebay listing on Frontpage, the pictures iv added to the page have been from my pc, next I click on the CODE tab at the bottom, I copy all the code, then I go into turbo lister and click the HTML tab, I paste the code in, then I click on preview, the pics are not there, just a little red x in the corner. So Im thinking I should upload the Pics from my PC onto my server, (uk2) aswel as the whole file, in uk2 on the panel it shows EDIT HTML, it has all the pics there! then I click the CODE Tab and copy the code and pasted the code back into turbo lister, same thing, no pics again. Most of the time I figure these typs of things out before I get help, and this was is a real brain teaser! The filename is ebaylisting1, also it says the the file is a firefox Document Please Advise, thank you Greetings everyone! I need to load a Microsoft Common Control like the following: <object id="aslider" width="200" height="40" title=" Slide me. " classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628"> <param name="BorderStyle" value="1" /> <param name="Min" value="-10" /> <param name="Max" value="10" /> <param name="Value" value="7" /> </object> When i load the code in Internet Explorer, the control (a slider) doesn't show up! All there is is a picture with a red cross on it. I've registered MSCOMCTL.OCX, COMCTL32.OCX using regsvr32 but still the same. The same code loads in the developer machine though.. I've heard it might be license problem. Could anyone please help me? Thank You!! Regards, Venus Hi all, I am scratching head for couple of days . I have a HTML page ,this has to be send through MicrosoftOutlook Express.When i click the internal link it has to go to the section of page,but the link it self is not enabling,its not working. thanks in advance My HTML page ---------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Working Process Summary</title> </head> <body> <table class="newsletterboarder" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" cellSpacing="0" cellPadding="0" width="751" align="left" border="0" id="table2"> <tr> <td><b><span style="FONT-SIZE: 9pt; COLOR: blue; FONT-FAMILY: Tahoma"> <img style="WIDTH: 782px; HEIGHT: 145px" alt="Working Process" border="0" v:shapes="_x0000_s1032"></span></b></td> </tr> <tr> <td class="header" style="PADDING-RIGHT: 10px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #336699"> Working Process 14 November2007</td> </tr> <tr> <td style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: 1px solid" height="2543"> <div class="tableholder" title="Release Overview" style="WIDTH: 764px; HEIGHT: 210px"> <div class="tabletitle"> Information - Overview </div> </div> <div class="twoColumn_component"> <div class="rightColumn" style="WIDTH: 342px; HEIGHT: 159px"> <h2 class="blue">General Information</h2> <ul> <li><a href="#info7">Upcoming Dates & Events</a> </li> <li><a href="#info8">Detailed Status Information </a></li> </div> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <ul> </ul> <ul> <li><b>Issue (P2) : </b>info<br> <b>Action Plan: </b>Team is analyzing </li> </ul> </blockquote> <strong>Key Upcoming Milestones </strong> <ul> <li>Post Project Assessment <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <a id="#info3" title="#info3" href="#info3"></a> <h2 class="blue"> Release <strong> </strong></h2> <ul> <li <span style="FONT-FAMILY: Arial"><font face="Arial">RMSPRs</font> information format</span></font></span> </li> <li <font style="FONT-SIZE: 9pt" face="Arial">info mailed.</font></span></span></span> </li> <li><span style="FONT-FAMILY: Arial"><font style="FONT-SIZE: 9pt"> <font face="Arial">Target </font><span class="112494500-31102007"><font face="Arial">Development has started. </font></span></font></span> </span></span></span></li> <li><font style="FONT-SIZE: 9pt" face="Arial">Info follows.</font> </li> <li><font style="FONT-SIZE: 9pt" face="Arial">Coming with info.</font> </li> <li><font style="FONT-SIZE: 9pt"><span class="112494500-31102007"> <b><font face="Arial">Potential projects </font></b></span></font> <ul> <li><font style="FONT-SIZE: 9pt" face="Arial">Out ongoing </font></li> </ul> </li> </ul> <ul> <li>None </li> </ul> <strong>Key Upcoming info </strong> <ul> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <ul> <li>None </li> </ul> <ul> <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <strong>Key Issues and Risks </strong> <strong>Key Upcoming Milestones </strong> <ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <h2 class="blue">OOCRs for the week 11/12 to 11/16</h2> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <h2><a name ="info7">Upcoming Dates & Events</a></h2> <ul> <li>NEw info to be made available: 11 July </li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a> </p> <h2 ><a name ="info8">For Detailed Information</a></h2> </tr> <tr> <font size="2"><span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial"> <font size="1"><span style="FONT-SIZE: 7.5pt; FONT-FAMILY: Arial"> </tr> </table> </body> </html> thanks in advance Hi all, I have a question,my code is running properly ,when i copy this and paste in Microsoft outlook express its not working. I have a link to a section of page when i click its heading.My Page is quite big one,so i wrote headings and once its clicked it should go to the section of content. my code ------------ HTML Code: <html>
<body>
<div id="wrapper">
<div id="IUbanner">
<a href="http://www.indiana.edu"><img src="../images/iu_crimson.gif"
alt="Indiana University" /></a>
</div>
<div id="header">
<a href="http://uits.iu.edu"><img src="../images/UITSheader.gif"
alt="University Information Technology Services" /></a>
</div>
<h1 id="subheader"><a href="http://webmaster.iu.edu"><img
src="../images/wmheader.gif" alt="IU Webmaster" border="0"/></a></h1>
<div id="centerwrap">
<div id="content">
<!-- Insert content here -->
<a name="TOP"></a>
<H3>Getting Started</H3>
<H5>Table of Contents</H5>
<ul>
<a href="#a">Introduction</a> <br>
<a href="#b">Getting an Account</a> <br>
<a href="#c">Getting the Tools</a> <br>
<a name="a"></a>
<hr>
<h5>Introduction</h5>
<p> If you are new to developing Web pages, this brief overview will
help
you get started. It outlines the steps you will take to publish your
Web
pages on IU's central Web servers (<tt>Veritas/Champion</tt>). If you
are
familiar with the process of creating and publishing Web pages, see the
Webmaster's "<a href=../tool_guide_info/tgcat.shtml>Tools and
Guides</a>" page to
learn more about improving your Web pages and for help with the tools
offered for the
central web server accounts.</p>
<P>
<CENTER><A HREF="#TOP">Return to Top of Page</A></CENTER></p>
<A NAME="b"></A>
<hr>
<h5>Getting an Account</h5>
<P> Before you can put Web pages on IU's central Web servers
(<tt>Veritas/Champion</tt>),
you need to get an account. To see if you are eligible to have an
account on
an IU web server and to learn how to get an account if you are
eligible, see
the Webmaster's <a href="../account_info/ac.shtml">Accounts</a>
page. </p>
<P><CENTER><A HREF="#TOP">Return to Top of Page</A></CENTER> </p>
<A NAME="c"></A>
<hr>
<h5>Getting the Tools</h5>
<p> Once you have an account on the Web server, the next step is to
get the tools
you will need to create, upload, and view your Web pages. If you
do not already
have these tools, you can get most of the them from <a
href="http://iuware.indiana.edu/">IUware Online</a>. For information
on
obtaining the IUware CD please see the
Knowledge Base entry: <a href="http://kb.iu.edu/data/amij.html">At IU,
where can I get the IUware CD?</a></p>
<p>
Here are the tools you will need to get started: </p>
<ul>
<li><strong>A text editor or word processor</strong>: To create
your Web page,
you'll need a text editor or word processor. Windows computers
come with
a text-editor called "Notepad" and Macintoshes come with a text
editor called
"Simple Text."
</div><!-- end footer -->
</div><!-- end wrapper -->
</body>
</html>
Please take a look at this page: http://lifeengineering.org/ Try out the menu links and see what I'm talking about. The "short" pages shift horizontally. In other words, if the div block with the content doesn't reach the bottom of the browser window, then it's rendered in a different horizontal position. So, changing the pages through the menu makes the pages appear to "jump". NOTE: You'll need a reasonably big resolution to see what I'm talking about (e.g. 1152 x 864+). Any suggestions on how to correct this? Is there a way to pad blank spaces at the end of my content in the div block to ensure that it always reaches the end of the browser window? Or something similar? ------ Issue #2: My background isn't ideal. I like the rainbow, but I'd like to change it. If I wanted to make the rainbow arc appear stationary as I scroll the page (i.e. to have the upper left arc of the rainbow always appear on the upper left corn of the screen), how would I do it? Any other suggestions, artistically, with respect to the page background? Thank you kindly! Hey guys, hope someone can help. I have a website that is displaying correctly in FF 3.05 but incorrectly in IE7 If you look at this page in FF and then IE you will see the problem... http://www.debt-rescued.co.uk/applynow.html Hope someone can help |
|||||||