|
HTML - Display Problems Between Ie7, Ie6, And Firefox
I did some searching, but have not found the exact probelm here, so I am starting new:
I created a site using CSS/HTML for my layout (using Dreamweaver). Whenever I view it using IE7, it looks great and everything works. When I open it in Firefox, once again it looks good, except for the bottom of the divisions right above my footer, there is a 20px offset and blank space on the 2 side divisions, but not the center one. Lastly, when you view this in IE6 or IE5.5, the middle division is pushed down past the 2 side divisions so you see blank space between those and scroll down to see the middle division. It is only in the building stages and some links are not completed yet, and the main site is: http://dana.sportslineceramics.com I piggy-backed it off my own website so I can view it live and work on it. I have tried everything I can think of to get it to display right, and it just does not. I want to use an <iframe> in the middle division so that all links open on that same page instead of having 17 different pages. Thanks in advance for any suggestions! Similar TutorialsI am having display problems in Safari (3.1.1). All other browsers installed in my computer show the site correctly: Opera 9.21 Chrome 1.0.154.43 IE 7.0.5730.11 Here is the page: http://www.shootthehead.com/safari.htm Any help is appreciated. Funny thing with our website, which is victorylifecenter.org In firefox on the right hand side we have two images, one is upcoming events and the other is a email login. both show up in firefox In IE neither or there, they just do not show up? Any ideas? thanks Hello to all those whom (m-one, pegasus and coothead, and others) helped rkgrkg with her webpages: I took a look at them and then went to the website she went to to get the script for her tabz thanks to m-one, I intergrated it using their format, plus added other scripts, "thanks coothead (for his x/y script)" to dassel it up using her color themes. Now for the bad news , I have a older computer (not being wealthy ), so I only have IE6 and Firefox 2.0. When I dasseled the webpages I used IE6 to display it as I created. It looks kwel and beautiful in IE6, but when I tried to display it in Firefox 2.0 it became all unbounded. I used the error counsel on Firefox 2.0 to see any errors that maybe causing problems, the only thing displayed there was my scroll-bar style entries sayed it "dropped" them lol. I tried messing with the css files, but when I did some parts came together in Firefox but then came undone in IE6, Fustrated, I put everything back as it was. and said, "The Heck with Firefox" even though I knew rkgrkg Uses it. I have uploaded these 2 beautiful pages and the content heref. Can someone who is more talented and smarter then I, please, take a look at my finished/fustrated work so you can see it in Firefox as well as IE, and please help so I don't feel useless (*feel like I waisted my time trying to help*) and stupid. Thank You Very Much in Advance! It seems that when opening my page in firefox my navigation bar is all over the place and my transparencies don't seem to be working either. Any help? Thanks. Here's the link http://www.foswebsolutions.com ...and the css http://www.foswebsolutions.com/style.css Hi, I am a newbie, and I am desgining a website. I am using tables in Dreamweaver (I know this may not be the right choice, but its the only way I know), and inside the cells I'm placing .swf buttons. When I preview in Safari, Chrome, and Opera it looks like it should. However, when I preview in Firefox, the buttons are too spaced out vertically, as if the cells had increased their height (making the buttons very far apart from eachother). I understand Firefox is one of the best browsers, if not the best, so I assume it is me who is doing something wrong. I will email the code to anyone who needs it. Thank you in advance. Hi, could somebody please explain to me why these pages look different in IE and firefox? http://www.vub.ac.be/ARCH/bachelor.html (something is terribly wrong with the layer "content" in IE) http://www.vub.ac.be/ARCH/ae-lab/home.html (the logo on the left is shifted down in IE) the layout in firefox is as i intended it to be!! thanks Hi all, First post here hope someone can help. I'm creating a portfolio web page for my 3D work and using this to learn a bit of web design. My current problem comes from using absolute positioning to get text to float over a background image in a precise location. I have this as I want it in Fiirefox 2.0.0.6 but the text all appears a fair bit higher in IE (I have looked using IE 6 on its own and by changing the render mode to IE in Firefox). I realise I need to do a fair bit of validation and refinement to the site but at the moment I want to get this alignment issue sorted so the site is at least visible while I work on other elements. Page url: www.iamjames.co.uk The text in question is on the used on all pages! Thanks in advance James Hi! My site finally seems to work fine in IE, but now that I'm checking it with Firefox, it turns out to have many problems. I fixed most of them, but the one that's bugging me is that the main text is lower than it should be. Here are the html and css: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
function popup(mylink, annonces)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
window.open(href, annonces, 'width=600,height=600,scrollbars=yes');
return false;
}
//
</SCRIPT>
<TITLE>Duo: balalaika et piano -- Dmitri Nassyrov et Victoria Khramova</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; Charset=Windows-1251">
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 5.0">
<META NAME="Author" CONTENT="Dmitri Nassyrov">
<META NAME="KeyWords" CONTENT="balalaika, Victoria, Khramova, Dmitri, Nassyrov,
concerts, piano, duo, stringsandkeys, douce, soiree, histoire, du, balalaika">
<META NAME="Description" CONTENT="Le duo du balalaïka et du piano: Dmitri
Nassyrov et Victoria Khramova, ont un repertoire tres varié: folklorique,
classique, jazz, et autres... ">
<TITLE>Duo:balalaïka et piano - Dmitri Nassyrov et Victoria Khramova</TITLE>
<link rel="stylesheet" type="text/css" href="style.css" />
</HEAD>
<div id="container">
<BODY BGCOLOR=beige TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000"
BACKGROUND="../site/img/bcknd.jpg">
<script language="javascript">
var u=13200;
var vsbl=0;
var l='';
</script>
<script type="text/javascript" language=Javascript
src="http://h1.hitslog.com/counter.js"></script>
<script language="javascript">
document.write('<a href=http://hitslog.com/><img border=0 width=1 height=1
src=http://h1.hitslog.com/hl.php?'+l+'></a>');
</script>
<noscript>
<a href="http://hitslog.com/"><img border=0 width=1 height=1
src="http://h1.hitslog.com/hl.php?u=13200" alt="MySpace tracker"></a></noscript>
<TABLE id="main">
<tR width=720 height=160>
<td valign=top width=615 height=160><IMG width=615 height=160 alt="Duo:
balalaïka et piano - Dmitri Nassyrov et Victoria Khramova" SRC="HEADER.gif">
</td>
<td>
<table valign=center width=105 height=75 cellpadding=0>
<tr class="lang">
<td class="lang">
<img alt="En Français" border=0
src="../site/img/francaisclik.gif" >
</td>
</tr>
<tr class="lang">
<td class="lang">
<a href="../eng/index.html"><img alt="In English"
onmouseover="this.src='../site/img/englishon.gif'"
onmouseout="this.src='../site/img/english.gif'"
onclick="this.src='../site/img/englishclik.gif'" border=0
src="../site/img/english.gif"></a>
</td>
</tr>
<tr class="lang">
<td class="lang">
<a href="../rus/index.html"><img alt="По-Русски"
onmouseover="this.src='../site/img/russianon.gif'"
onmouseout="this.src='../site/img/russian.gif'"
onclick="this.src='../site/img/russianclik.gif'" border=0
src="../site/img/russian.gif"></a>
</td>
</tr>
<tr width=105 height=85>
<td width=105 height=85 align=center>
<img alt="Duo: balalaïka et piano - Dmitri Nassyrov et
Victoria Khramova" src="sideheader.gif">
</td>
</tr>
</table>
</td>
</tR>
<TR>
<td colspan=2>
<table width=720>
<tr>
<td valign=top>
<TABLE valign=top>
<TR>
<TD class="menu"><A HREF="INDEX.HTML"><img src="bienvenueclik.gif"
alt="Bienvenue" border="0"></a></TD>
</TR>
<TR>
<TD class="menu"><A HREF="DUO.HTML"><img src="../img/leduo.gif" alt="Notre
duo" onmouseover="this.src='../img/leduoon.gif'"
onmouseout="this.src='../img/leduo.gif'" onclick="this.src='../img/leduoclik.gif'"
border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="concerts.HTML"><img src="../img/concerts.gif"
alt="Nos concerts" onmouseover="this.src='../img/concertson.gif'"
onmouseout="this.src='../img/concerts.gif'"
onclick="this.src='../img/concertsclik.gif'" border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="audio.HTML"><img src="../img/audio.gif" alt="Notre
musique" onmouseover="this.src='../img/audioon.gif'"
onmouseout="this.src='../img/audio.gif'"
onclick="this.src='../img/audioclik.gif'"border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="historique.HTML"><img src="../img/historique.gif"
alt="L'Histoire du balalaïka" onmouseover="this.src='../img/historiqueon.gif'"
onmouseout="this.src='../img/historique.gif'"
onclick="this.src='../img/historiqueclik.gif'" border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="liens.HTML"><img src="../img/liens.gif" alt="Liens"
onmouseover="this.src='../img/lienson.gif'" onmouseout="this.src='../img/liens.gif'"
onclick="this.src='../img/liensclik.gif'" border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="contact.HTML"><img src="../img/contact.gif"
alt="Comment nous rejoindre" onmouseover="this.src='../img/contacton.gif'"
onmouseout="this.src='../img/contact.gif'" onclick="this.src='../img/contactclik.gif'"
border="0"></A></TD>
</TR>
</TABLE>
</tD>
<TD VALIGN=top>
<table height=100% width=500 class="text" cellpadding=20>
<tr>
<td>
<!--<marquee id="test" onMouseOver="document.all.test.stop()"
onMouseOut="document.all.test.start()" scrollamount="2" scrolldelay="20" width="100%"
height="51" behavior="scroll" direction="left"><font face="arial"
align=middle><i>
<A HREF="annonces3.html"
onClick="return popup(this, 'annonces',true)"><b>17 novembre - 20:00</b></A><br>
Festival "From Russia With Love"<br>
à la bibliothèque publique juive.
</i></font></marquee>-->
</td>
</tr>
<tr>
<td valign=top><font face="times new roman" size=3><h2>Un duo, c'est
indivisible...</h2>
<p align=justify>Dans un duo, le rôle de chaque musicien n'est pas seulement de
compléter son partenaire, mais aussi de souligner la sonorité de son
instrument.</p>
<p align=justify>Notre duo est assez particulier et assez unique à
Montréal. Les deux instruments composant notre duo sont: le piano et le
balalaïka - instrument folklorique russe. Les possibilitées de cette union
sont surprenantes, dans le répertoi folklore, classique, jazz...</p>
<hr width=95%></hr>
<p>Sur ce site, vous trouverez de l'information sur nos <A
HREF="concerts.HTML">concerts</A>, vous pourrez écouter nos <A
HREF="audio.HTML">enregistrements</A>, lire nos <A HREF="DUO.HTML">biographies</A>, et
plus encore.</p>
<p>Et, bien sûr, nous serons heureux de vous voir à nos concerts!</P>
<p><i>Dmitri Nassyrov et Victoria Khramova</i></p>
</TD>
</tr>
</table>
</td>
</tr>
</table>
</td>
</TR>
</TABLE>
<font face="arial" size=1
align=right> &nb
sp;
&nb
sp;
&nb
sp; Dmitri Nassyrov et Victoria Khramova © Tous droits
réservés.</font>
</BODY>
</div>
</HTML>
HTML Code: body {
text-align: center;
background-color: rgb(239,197,137);
background-attachment: scroll;
background-position: center;
background-image: url("bkg.jpg");
background-repeat: repeat-y;
}
#container {
margin: 0 auto;
text-align: left;
position:relative;
width:720px;
}
div.text
{
background-image: url("../site/img/textbcknd.jpg");
}
#main {
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}
#top {
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}
tr.lang {
horizontal-align:left;
width:100px;
height:25px;
}
td.lang {
horizontal-align:left;
width:100px;
height:25px;
}
td.menu {
width:220;
height:40;
}
table {
border-collapse:collapse;
}
table.text {
padding:20px;
background-image: url("../site/img/textbcknd.jpg");
}
Any help is appreciated. Thank you very much! Having problems with my logo on ie and firefox. It opens fine in safari. Site is www.justintimemelodies.com. I am new to html and am not sure what the problem is. I assume i need to add something for the coding to show in those two browsers. the following is the code:<div id="Logo"> <a href="index.html"><img src="./images/JustInTime2.jpg"alt="Home" border="0"></img></a></div> <a href="index.html"></a> Dear All, As someone relatively novice in html I am currently redesigning my website and have got it to look exactly how I want it in Firefox. However, it does not display properly in IE. The url in question is www.adamwestmagic.com/home.php. The differences to note are the top right images of the 'heart' and bottom left images of the 'spade' show a small gap below them - I believe this is something to do with the 'overflow' option and have tried adding in a 'style' command to counter this but with no luck, and am not well versed in CSS to do it via that (yet). EDIT: This has been fixed - I was following standard coding procedure of indenting to aid reading, so was indenting my <tr><td> tags. Removing tabs (removing whitespace) around the <img> tags fixed the problem. Thank you IE! Another obvious discrepancy is the left hand 'gradient' image - IE seems to have rotated it by 90 degrees for no apparent reason. EDIT: This is now also fixed, by changing the 38 x 1 pixel png image for a jpg which magically remedied it. God knows why. This is turning into a bit of a soliloquy! The final, and perhaps more substantial difference is that IE does not dynamically resize the page, whereas Firefox does. I know this is perhaps unconventional in not picking a size for the page and leaving left and right space for higher resolutions, but I do not like that look on large screens. I have changed to a black background for the purpose of debugging - it would be very difficult to see the gradient images etc. with the standard grey/white background. Interestingly these issues vary compared to another computer. I am running XP and IE 7 and see the error with the gradient image, but resizing happens fine. Another computer (laptop) running Vista and IE 7 doesn't seem to have the gradient image problem, but does not resize properly. I am thoroughly confused! Any help is gratefully received, thank you. Adam Hi, i am new to this forum and would really like to congratulate all of the administrators and people keeping up this very good work. I am trying to make a nested table in HTML, however i have some display issues. In Firefox, all the images and tables display well, however in IE, the bottom part (bootom image) does not display at all. The page link is http://www.carmelgcauchi.com/site/TE...R%20KOTBA.html There is also onother page wherby Firefox displays all the page correctly, while IE omits part of the table. The link is http://www.carmelgcauchi.com/site/dwari.html all help would be really appreciated. regards Hi guys, I've been working on a website for a friend for a while now and thought I had it complete. That was until I opened it with IE! Things don't look right in IE - and also IE crashes when some pages are loaded. Any chance you could look at this page: http://www.flatvision.name/de/index.php in both IE & Firefox and offer some advice as to why it does what it does? Thanks very much - help and advice much appreciated. ! Leigh Greetings, everyone! I'm glad to have found this site! I've been building a website - I'm pretty limited to just HTML knowledge and a little CSS - and everything is going along okay, except I'm stumped on this one issue. I got tired of everything looking so 'boxy', since I use a lot of Tables to create my site, so I learned how to add rounded corners to my tables, which helps a lot. However, what looks good in my Firefox browser (the one I normally use) does not look right in Internet Explorer. Basically, on the right side of the main table, where I placed a graphic of a rounded edge, I'm still getting a weird white border line, even though I've set all my borders to zero. I was wondering if someone could take a look at my page and tell me where I'm messing up. Here's a direct link to the page in question.... http://www.kitwoo.com/kitwoo_seo.html If you look at it in Firefox, it looks fine, but in IE (I think I'm using the latest version of both browsers) you can see that little white line on the right side of the table. Thanks in advance for any suggestions! I don't know how to even debug this because it works in firefox but not IE. I display a table and use PHP script to populate the table. In explorer, the "fellow" value gets SKIPPED and then the next value ("rcf_date") gets put into that td, so everything gets screwed up! Looking at the code I can't figure out what it is about it that explorer doesn't like. Why on earth would it skip the fellow field? Here;s the php code that displays the table: Here's a link to a screenshot of the table in IE: http://bp1.blogger.com/_cy0zia_bU_s/...screenshot.png Here is the code to display that table. Any help would be appreciated: Code: <?php require('secure.php');
include "dateheader.php";
include "connectdb.php"; ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Active consult patient list</title>
<link href="stylesheets/simple.css" rel="stylesheet" type="text/css">
</head>
<?php
$query = "SELECT id_incr, patient_name, mrn, location, fellow, rcf_date, admission, consult_reason, impression, recs, comments ".
"FROM active_consults WHERE signoff_status = 'a' ".
"ORDER BY patient_name";
$results = mysql_query ($query) or die (mysql_error());
$num_pts = mysql_num_rows ($results);
$consultheading =<<<EOD
<table class="tablemargin" bgcolor="#CCCCFF" width = "98%" border = "1" cellpadding = "2"
cellspacing = "2" align = "left">
<th> Name </th>
<th> MRN </th>
<th> Loc </th>
<th> Fellow </th>
<th> Date of Consult</th>
<th> Reason for Admssion </th>
<th> Reason for Consult </th>
<th> Impression </th>
<th> Recs </th>
<th> Comments </th>
<th> Update patient </th>
</tr>
EOD;
echo $consultheading;
while ($row = mysql_fetch_assoc ($results)) {
?>
<tr>
<td bgcolor="#FFFFFF" >
<?php echo $row['patient_name'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['mrn'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['location'];?> </td>
<td bgcolor="#FFFFFF" ">
<?php echo $row['fellow'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['rcf_date'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['admission'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['consult_reason'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['impression'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['recs'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['comments'];?> </td>
<td bgcolor="#FFFFFF" align="center">
<a href="editpatient.php?action=edit&id=<?php
echo $row['id_incr']; ?>">[edit]</a> </td>
</tr>
<?php
}
?>
<td bgcolor="#CCCCCC" colspan=11 align="left" class="fineprint"> Total active patients:
<?php echo $num_pts; ?></td></tr>
<td></td>
<tr>
</tr>
<tr><td align="center"><a href="newpatient.php">[ADD PATIENT]</a></td>
<td align="center" COLSPAN=4><a href="displaysignoff.php">[DISPLAY SIGNED-OFF LIST]</a></td>
<td align="center" colspan=3><a href="export.php">[EXPORT ALL PATIENTS (EXCEL)]</a></td>
<td colspan=3 align="right"><a href="http://www.hfhpulm.com">[HFHPULM.COM]</a></td>
</tr></table>
My site works in Firefox and Safari just like I want it to, but when IE tries to read it, the divs and images get spaced out and wrapped around AND it is not centered on the page like it should be... what is my coding flaw? www.nativboardriding.com check it out in firefox or safari to see how it SHOULD be displayed, then open it with IE. Thanks, Levs Hi guys, Just a couple of display issues in IE to pass by you. Firstly, my large text headers display too far up in Internet Explorer (all pages) Secondly, my descriptions on my Portfolio pages end up outside their containing divs. Works great on FF/Chrome/Opera/Safari though! You'll see what I mean: http://bit.ly/a3hUD4 (I've used bitly so my dumb questions don't show up when someone googles my website). >> Here's the CSS for the centre div with the jumbo-text titles .column1 { padding: 103px 10px 10px 10px; float: left; width: 500px; margin: 0; } >> And for the description div on the portfolio page .porttxtbox { text-align: right; background-image: url(images/porttxtBG.png); bottom: 0; position: absolute; width: 100%; padding: 0px; margin: 0px; } So we have this old website that we're updating and in our updates we've found that the text will now run over the margins (into our pretty white space). We don't want it to pass the blue tab that says "Contact". Any ideas? http://www.carlsonbldgservices.com Also how can I remove the underline in "Click to Enter"? In a website i'm designing, there is a slideshow I created, and instead of using flash I used Windows Media Player. For some reason the html border attribute on both the <embed> and <object> tags, when viewed in Firefox, do not work. Page with border problems here is the code, if you want it: Code: <center>
<object id="MediaPlayer"
width="800"
height="650"
classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
standby="Loading Windows Media Player components..."
type="application/x-oleobject"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"
title="Pete's Mountain Road Slideshow"
border="3">
<param name="filename" value="http://www.petesmountainroad.com/PetesMountain.wmv" />
<param name="Showcontrols" value="True" />
<param name="autoStart" value="False" />
<param name="wmode" value="transparent" />
<embed type="application/x-mplayer2" src=http://www.petesmountainroad.com/PetesMountain.wmv"
name="MediaPlayer"
autoStart="False"
wmode="transparent"
width="800"
height="650"
title="Pete's Mountain Road Slideshow" />
</object>
<br />
<p class="main">If you do not have Windows Media Player, you can view the video by following
<a class="Link" href="http://www.microsoft.com/windows/windowsmedia/player/11/default.aspx" target="_blank" title="Download Windows Media Player 11">this link</a>
to download the program to your computer, then try to play it again.</p>
</center>
</body>
</html>
Help!!!! I have been looking at this for almost 6 hours and I still can't explain why my horizontal menu wrapped using Firefox and not IE. I have firefox 3 installed and some of the categories (on the same tree) wrapped and some doesn't. But if i refresh it a few times, it become normal again. This make no sense. Maybe I need to get some fresh air because i am starting to see spots on the screen. http://208.84.114.15 |
|||||||