|
HTML - Displays Ok In Ie But Not Firefox - Newbie Needs Help
Hi
I'm sure this is simple, but this page http://www.janitorman.net/blueskies/index-1.html shows up OK in IE but not in Firefox. Have I got something wrong? Newbie welcomes some help. Similar TutorialsHey I am wondering if someone can help me with a little problem, in Firefox my site http://www.fifesouthernrfc.com/1stxv_profiles.html, displays incorrectly.# It should be 2 columns of profiles split into 2 sections by a header. However the second header does not do this, but instead, pushes my 2 columns apart and splits the header in 2. Thanks for looking. Help me out here, PLEASE SCROLL ALL THE WAY DOWN. ITS URGENT Im making a mail template. Firefox displays the picture, IE won't. It shows it as a empty square with a red X. I cant see what im doing wrong.. i bet its a tiny missing link in some code. Thanks HTML Code: <br /> <p align="center"><img src="koord.jpg" width="170" height="190" /> <br /> HTML 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" />
<title>Template</title>
<style type="text/css">
/* MAAK HEM GECENTREERD
Blokjes bovenaan de PSD toevoegen..
3 onderdelen website maken
- TOP
- BLOKJES
- BOTTOM
*/
#container{ position:absolute;
margin:0 auto;
}
#pic {position:absolute;
left:18px;
top:55px;
z-index:0;}
#txt {
font-size:16px;
width:410px;
position:absolute;
text-align:left;
font-family:Verdana;
left:84px;
top:194px;
width:600px;
z-index:1;
}
</style>
</head>
<body>
<div id="pic"><img src="template.png" /></div>
<div id="txt">
<p><strong><font color="#410d3e">Nieuwsbrief Februari 2010</font></strong>
<br />
<br />
Beste Lezer van mijn eerste nieuwsbrief,<br />
<br />
Graag wil ik je opmerkzaam maken op de nieuwste activiteiten van Sessio Communications.
<br />
<br />
<p align="center"><img src="koord.jpg" width="170" height="190" />
<br />
<a href="http://www..com">www..com</a></p>
<br />
Ik nodig je van harte uit om <a href="http://www..com">mijn website</a> te bezoeken. <br />
Reacties zijn welkom. Doorsturen naar andere belangstellenden mag.
<br /><br />
Mocht je geen belangstelling hebben om op de hoogte te blijven van mijn verschillende workshops en trainingen dan kun je dat via onderaan de pagina aangeven. Je e-mail adres wordt dan verwijderd.
<br /><br /><br />
Met vriendelijke groet,
<br /><br />
Jan M.M. Boesten<br />
<font size="2"><a href="http://www.sessio-communications.nl">www.sessio-communications.nl</a></font><br />
<br />
</div>
</body>
</html>
I have a website hosted at discoverybyte.uuuq.com, and it is working great, except that the heading is displayed weird in IE8. It works fine on Firefox 3.5 though. In IE8 the heading menu is indented when I prefer it not to be. See the attached images for more help. Please note that as of this posting the code is on my website shown above. Any help would be appreciated. This very simple html is showing differently in IE8 and IE7 and FireFox: HTML Code: <img src="" style="border-style: solid;" alt="No Pic" />
<table style="border-style: solid;">
<tr>
<td>
Model Name
</td>
</tr>
</table>
With IE8 and FireFox 3.013 there is no gap between the img and table, but in IE7 there's a gap???? (although someone else I asked can see the gap in IE8 but not FireFox) 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 Hey all, I'm new here and I have a website i designed. The page appears fine when i go to IE but it's all messed up when I view it using Mozilla. I'm stumped. This is my website: www.secondhandoffroad.com Thanks, I am new at al of this and I just stood up a site and thought everything was going well, it looked great, I validated the code, life was good. until I looked at it in IE. It's WAY messed up! Its got horizontal and vertical scroll bars IN the page, and the tabs I made don't look quite like they are supposed to. I have no Idea how to fix it, I am hoping someone on here can look at my page in IE and look at my code and help me out here. my site is http://pughs.no-ip.org to look at it, and I will post my code he 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>
<title>
Pugh's World - Freedom of Information
</title>
<link rel="stylesheet" href="default.css" type="text/css" />
<link rel="shortcut icon" href="i.jpg" type="image/x-icon" />
<script type="text/javascript" src="klappe.js"></script>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0" style='background: transparent'>
<tr>
<td class="clear" width='49%' >
</td>
<td class="clear" align="center">
<a href="/"><img alt="Pugh's World" src="ilogo.jpg" border="0"/>
</a>
</td>
<td class="clear" width="49%" align="center">
</td>
</tr>
</table>
<div align="center">
</div>
<!--TABS-->
<table class="mainouter" width="94%" border="1" cellspacing="0" cellpadding="10" align="center">
<tr>
<td class="outer" align="center">
<ul id="tabnav">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="blog.html" >Blog</a></li>
<li><a href="about.html" >About</a></li>
</ul>
<!--MAIN TABLE HEADER-->
<table cellpadding="4" cellspacing="1" border="0" style="width:737px" align="center">
<tr>
<td>
<table style="width:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="bottom" align="left">
<span class="smallfont">
Welcome to Pugh's!
<br/>
<font color="blue">Last Blog Post:</font> <font color="darkred">(never)
</font>
<br />
</span>
</td>
<td class="bottom" align="right">
<br />
</td>
</tr>
<!--CONTENT TABLE-->
<tr>
<td class="bottom"><br /><b>Site is Back Up!</b> - 8-21-2008 18:55:34
</td>
</tr>
<tr>
<td class="bottom">
<table class="main" border="0" cellspacing="0" cellpadding="0" style="width:100%">
<tr>
<td class="text">
<p>Well, so far there is absolutely no content, but at least we are back up!<br />
</p>
<h1>Check back for updates!
</h1>
</td>
</tr>
</table>
<br />
</td>
</tr>
</table>
</td>
</tr>
</table>
<br /><br /><br />
</td>
</tr>
</table>
<p class="footer">
©2008 John Pugh
</p>
</body>
</html>
I am an amateur website hack. I did everything in notepad pulling javascript from some free sites. My intention was to have the center image with "Lindsey Teefey" and the bottom page links vertically and horizontally centered on all the pages. I got the pages to look as intended in Firefox and IE, but they look very bad in Safari. I am sure my coding is very amateur and I would appreciate a clean up from an expert. The pages that I have up a http://www.littlebrindle.com/LT/index.html http://www.littlebrindle.com/LT/photos.html http://www.littlebrindle.com/LT/listen.html (no songs have been added yet) Thanks for any help you can give. Blessings. Today I tried to display my website alittle bit differently. no major changes to it but I just made sure the website would be displayed nicely in the middle and that the sides of it would disapear (Click with either firefox or chrome on the link below, to see what I mean) however for some very annoying reason IE does not show the website correctly... while I didn't change the container box that holds the website, other than giving it a piece of the background to hold... and the rest of the code has been working perfectly before in the 3 common browsers (IE, FF, Chrome) Could somebody tell me what I did wrong, or what I should do to make IE display the website correctly? Thanks in advance for the help The website Adress is: http://www.swan10.nl/Test/index.htm Feel free to comment on any of the sourcefiles, regarding improvements, they would be gladly appriciated I have been working on this website for awhile...all along everyone I checked with says it looks good. I have been doing editing at work and one person said it looked bad. I just thought it was his browser, but of course when I checked it at home -- mine looked horrible too. Almost like my browser isn't listening to the 1028X766 display... Can someone look at my mess of a code and see if I am missing something? Thank you, Todd http://tarrytownvets.com I have a link from a web page to a page on another server. The link works fine, but the Title at the top of the new page displays the full path as well as the HTML allocated Title. Can anyone advise me how to stop the path being displayed? Thanks Dave I am trying to create the webpage looks like the attached jpg Required Appearance (the image containing the blue rectangle) but it is instead displaying as the attached jpg Actual appearance. I have coloured the relevant code in red. Please tell me why this is happening it seems to be something to do with the <div> tabs. How can I get the two divs display next to each other? Thanks for any help <!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" xml:lang="en" lang="en"> <head> <title></title> </head> <!-- #ab0101 = red --> <body bgcolor="#ab0101" > <div id="header" > <div style ="width: 1000px; height: 140px; margin: auto; background: #ffffff;"> </div> </div> <!-- division that will contain the two divisions--> <div style ="width: 1000px; margin: auto; height:800px; "> <!-- First division ffffff is white--> <div style ="width: 200px; height:800px; background: #ffffff;" > </div> <!-- Second division 000066 is blue--> <div style ="width: 800px; height:800px; background: #000066;"> </div> </div> </body> </html> Using the following code, if flash is not installed on a computer, while using IE a white box is shown instead of the alternate nested code: HTML Code: <object type="application/x-shockwave-flash" data="Theme/source.swf" width="647" height="61"> <param name="movie" value="source.swf" /> <a href="index.html"><img src="Theme/Banner/Name.gif" /></a><!-- --><a href="index.html"><img src="Theme/Banner/Spacer.gif" /></a><!-- --><a href="http://cart.source-entertainment.net"><img src="Theme/Banner/Logo.gif" /></a> </object> With IE and Flash it displays the flash animation fine, and with Firefox it displays the nested links and images correctly when not using flash, and also displays the flash animation correctly when flash is installs. The only issue is no flash installed on IE. Can anyone explain why this might be happening? Am I missing some IE-specific code? Or is it a problem with my animation? Any help would be appreciated. I'm very new to html and have just started making a website in dreamweaver to build a digital portfolio of design work. The problem is, is that I need my navigation text to be in an exact part of the page (it fills in a section with the table background). When I started making the site it displayed fine in firefox and safari, but not in a few versions of IE I tried. I'm sure there's a solution for this and if anyone could help it would be much appreciated. I've included a link to a test page so you can see what I mean: http://www.digitodd.net/aurora.html Thanks Hello, so basically this summer I took the liberty of making a personal website for myself. I wanted to get to know XHTML and CSS a little bit more over the summer. Getting to my question though, I made a rollover menubar (using photoshop) and everything was going swell until I wanted to get it up and running in my html file. I made a table inserting the non and rollover images and instead of using the massive javascript code block Dreamweaver gave me I decided to use simple "onmouseover/onmouseout" code snippets. When I view it in Firefox it is fully functional but for some reason the rollover images are a little shifted, correct size, but shifted, so there is white space in between the non rollover images. Here's what is looks like: Here is the code for the table/banner (3 rows and 9 columns): Code: --------------------------------------------------------------------------------------------------------
banner_01: large blue block (3 rows merged) left of home
banner_02: blue rectangle above home
banner_03: vertical blue in between home/blog (3 rows merged)
banner_04: blue rectangle above blog
banner_05: vertical blue in between blog/misc (3 rows merged)
banner_06: blue rectangle above misc
banner_07: vertical blue in between misc/contact (3 rows merged)
banner_08: blue rectangle above contact
banner_09: vertical blue right of contact (3 rows merged)
banner_10/banner1_10: home (regular)/home (hover)
banner_11/banner1_11: blog (regular)/blog (hover)
banner_12/banner1_12: misc (regular)/misc (hover)
banner_13/banner1_13: contact (regular)/contact (hover)
banner_14: blue rectangle under home
banner_15: blue rectangle under blog
banner_16: blue rectangle under misc
banner_17: blue rectangle under contact
--------------------------------------------------------------------------------------------------------
<table align="center" width="925" height="140" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="283" rowspan="3"><img border="0" src="banner_01.gif" width="283" height="140"></td>
<td width="134"><img border="0" src="banner_02.gif" width="134" height="16"></td>
<td width="23" rowspan="3"><img border="0" src="banner_03.gif" width="23" height="140"></td>
<td width="134"><img border="0" src="banner_04.gif" width="134" height="16"></td>
<td width="23" rowspan="3"><img border="0" src="banner_05.gif" width="23" height="140"></td>
<td width="134"><img border="0" src="banner_06.gif" width="134" height="16"></td>
<td width="23" rowspan="3"><img border="0" src="banner_07.gif" width="23" height="140"></td>
<td width="134"><img border="0" src="banner_08.gif" width="134" height="16"></td>
<td width="37" rowspan="3"><img border="0" src="banner_09.gif" width="37" height="140"></td>
</tr>
<tr>
<td><!---HOME BUTTON--->
<a href="home.html"><img border="0" width="134" height="112" src="banner_10.gif"
onmouseover="this.src='banner1_10.gif';"
onmouseout="this.src='banner_10.gif';"/>
</a>
</td>
<td><!---BLOG BUTTON--->
<a href="blog.html"><img border="0" width="134" height="112" src="banner_11.gif"
onmouseover="this.src='banner1_11.gif';"
onmouseout="this.src='banner_11.gif';"/>
</a>
</td>
<td><!---MISC BUTTON--->
<a href="misc.html"><img border="0" width="134" height="112" src="banner_12.gif"
onmouseover="this.src='banner1_12.gif';"
onmouseout="this.src='banner_12.gif';"/>
</a>
</td>
<td><!---CONTACT BUTTON--->
<a href="contact.html"><img border="0" width="134" height="112" src="banner_13.gif"
onmouseover="this.src='banner1_13.gif';"
onmouseout="this.src='banner_13.gif';"/>
</a>
</td>
</tr>
<tr>
<td><img border="0" src="banner_14.gif" width="134" height="12"></td>
<td><img border="0" src="banner_15.gif" width="134" height="12"></td>
<td><img border="0" src="banner_16.gif" width="134" height="12"></td>
<td><img border="0" src="banner_17.gif" width="134" height="12"></td>
</tr>
</table>
I hope that the content didn't frazzle anyone, I would just like to fix the display of the menubar as it is fully functional. Thank you very much, JP EDIT: I would also like to make the banner the whole width of the browser but it breaks up the images when I try to do so, just wondering if anyone can figure that out too. Thanks! Hi, I've been working on this page for quite a while: http://www.mymusiclair.com/supporter It displays correctly in Chrome, IE, and FF on my hard drive, but once i upload it it displays wrong in everything except IE. I used FrontPage 2003 to make it... any suggestions? Thanks, Vicky 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 am a student and working on a simple first project. All I'm doing right now is writing my code in text edit, saving it as "test.html", and dragging and dropping the file onto Safari/Firefox to view my code. Everything works when I'm at my college's computer lab, but when I'm on my own mac notebook, the files load in the browser as my code. I've tried a variety of samples and checked my preferences, but I can't figure out what I'm doing wrong. Sample code I'm using - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Simple Link Example 2</TITLE> </HEAD> <BODY> <H1 ALIGN="CENTER">Creating Relative Reference Links</H> <HR> <P>Open <A HREF="practice1.html">Practice 1</A>.</P> <P> Open <A HREF="practice2.html">Practice 2</A>.</P> <P>Open <A HREF="practice3.html" TARGET="_blank"> Practice 3</A> in a new window.</P> </BODY> </HTML> Please help! I'm trying to wrap up an assignment and have been banging my head against the wall all night. Thanks! cordelia Hello, I am pretty new to the whole html world so forgive me if this is a simple problem. I have look all over for a post explaing this problem but i haven't found anything. I am making a site for a friend using Dreamweaver. I know i know, i regret not coding it from scratch but its too late now. Anyways I have a pretty good page layout going now but I have ran into a problem with loading my images. On my home page an image in a table nested inside another table will load when viewing in safari but seems to disappear in firefox. What is going on? Its a pretty simple piece of code. I place; <img src="Pictures/RDV couplepalm.jpg" width="200" height="" style="float:right; padding: 8px; margin-left:10px; margin-bottom: 10px" / inside of a paragraph in a row of a table. I have rewritten the code for this image, copied it from a working image and screwed around with the table heights (although I wasn't too sure what i was doing). What else should I try? I have attached screen shots of the site in both browsers a copy of the problem jpeg aswell as a copy of the html. Any information anyone could givee me would be REALLY appreciated! Thank you. hi guys, i have just learned HTML and at first i thought it is easy but it frustates sometimes when i can't find the solution, here is the code of a page i am designing, Quote: <HTML><HEAD><TITLE></TITLE> <META http-equiv=Content-Type content="text/html; charset=UTF-8"> <META content="MSHTML 6.00.5730.13" name=GENERATOR> <STYLE type=text/css>BODY { FONT-FAMILY: verdana, arial, sans-serif } </STYLE> <LINK media=screen href="Cybus X_files/template_css.css" type=text/css rel=stylesheet></HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 width="80%" align=center border=0> <TBODY> <TR> <TD class=s5_tl></TD> <TD class=s5_tm></TD> <TD class=s5_tr></TD></TR> <TR> <TD class=s5_ml></TD> <TD class=s5_mm></TD> <TD class=s5_mr></TD></TR></TBODY></TABLE></BODY></HTML> as far as first row is concerns it seems ok but as soon as i add second row the output becomes wierd.here is the snapshot, here comes the css code, Quote: .s5_tl { height:20px; width:24px; background:url(../images/s5_tl.png) no-repeat top left; float:left; } .s5_tm { height:20px; background:url(../images/s5_tm.png) repeat-x; float:left; } .s5_tr { height:20px; width:24px; background:url(../images/s5_tr.png) no-repeat top right; float:left; } .s5_ml { width:24px; background:url(../images/s5_ml.png) repeat-y top left; float:left; padding-left:24px; } .s5_mm { background:url(../images/s5_mm.png); float:left; } .s5_mr { width:24px; background:url(../images/s5_mr.png) repeat-y top right; float:left; padding-right:24px; } and here are the images which im using as a background, => s5_tl.png => s5_tm.png => s5_tr.png => s5_ml.png => s5_mm.png = s5_mr.png plz guys help me here i can't find what's going wrong with this!!!to see the original site of which im copying the basic design is http://cybusx.in/ |
|||||||