|
HTML - Ie Vs Firefox Display Issue.
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 Similar TutorialsHi, 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 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 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 I have this code on a page but the text that is shows does not render all the way on the page is cuts off for some reason...this is the code in the div that it is wrapped in... Can anyone help me out..i just want to make sure i can see all my data on the page atleast some scrollbars or something.... <div style="padding:4px; width:1000px;"> <div style="background-color:Grey; width:100%; height:900px;"> <asp:UpdatePanel ID="UpdatePanel1" runat="server" RenderMode="Inline" UpdateMode="Conditional" > <ContentTemplate> <table width="100%" style="height:900" cellpadding="0" cellspacing=""> <tr> <td class="DetailsTitle"> <asp:Image ID="imgIcon" runat="Server" /> <b><asp:Label ID="lblExportId" runat="Server" /></b><br /> <asp:Literal ID="litTransactionDate" runat="server" /><br /> <hr /> </td> </tr> <tr> <td class="DetailsContents"> <asp:Literal ID="litLogDetail" runat="server" /> </td> </tr> </table> </div> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="UiQuickBookLogs" EventName="SelectCommand" /> </Triggers> </asp:UpdatePanel> 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 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! At least it is to me. Here is the deal. If you go to this page http://www.etraxc.com/sponsors/sponsors.asp you should get a pop-up window that has a blurb and then the following text, with link, that says: "For more information about our innovative approach to sponsorship, please click this link." There should also be a series of 9 banner ads displayed just below that. 1) Can you see that (I can and almost everyone I have asked can but one person can not), and 2) Why would someone NOT be able to see that? This person has the same trouble with several pages on my site but this is the first I have heard of it (and the site gets roughly 5,000 to 8,000 page hits/day). It has me puzzled! Any insight would be much appreciated! Thanks.... I re-worked the page in a different way, so no help needed anymore thanks knud 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! This seems to be an oddity these days, but I have a problem with my website in Firefox though it works just fine in IE (6 or 7). The website displays correctly, but my form fields will not allow any text to be put in them. The weird thing is I have another website that uses the same formatting for the text fields and they work fine... Code for the form that works in IE and not Firefox is as follows: <div align="right"> <form method="post" action="test/login.asp" name="LoginForm"> <input name="action" value="login" type="hidden" /> <table> <tr> <td><label>Username:</label></td><td><input name="UserName" /></td> </tr> <tr> <td><label>Password:</label></td><td><input name="Password" type="password" /></td> </tr> </table> <button name="LoginBtn">Login</button><br /> </form> </div> Code for the form that works in both is as follows: <div id="layer3"> <h2>Client Login Form</h2> <form method="post" action="users/login.asp" name="Login"> <table> <tr> <td><label>Username:</label></td><td><input name="UserName" /></td> </tr> <tr> <td><label>Password:</label></td><td><input name="Password" type="password" /></td> </tr> </table> <button name="LoginBtn">Login</button><br /> </form> </div> Both forms are inside <div> tags, both are on pages that use frames. Let me know if there's something I'm missing... Chris http://vedaherbalhealth.com/ below header the sidebar text is not clickable in Firefox but working fine in IE. Can any one help me please. thanks K 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 Hey all. I am a PHP/Javascript guy and HTML is not really my strong suit. Any help would be appreciated it here. http://www.khaccounts.net/ -- Just 'View Source' or inspect with Firebug if you have it. I am trying to get the Navigation bar and the textbox underneath it to be centered under the header image. I have tried everything I know to get them centered, but no such luck. Any ideas? Hi, I'm having an issue with Firefox. I create the page graphics in Photoshop CS4 and slice it up. Then save the html and images into Dreamweaver where I add rollovers and a video clip. It looks perfect in IE and Chrome... But lines go across the screen in Firefox near the video. Why does Firefox do this? And is there a way to fix it without ruining how it looks in IE and Chrome? The site has been up for a year now and nobody has said anything or complains, but it drives me crazy and it does this whenever I try to make a new site this way with a video on it. I used Firebug, and when I change a <tr> value it fixes that area and makes another area look even worse. How can this be fixed? Thanks! N00b here, brought forth out of desperation and the fact that none of my coder-friends have a clue whats causing this. Currently coding my first website ( by hand in notepad. Awesome learning... thinger ... not so great on the troubleshooting.) So- can anyone help me fix why this site looks fine on IE, but the BG doesn't quite align in firefox? Would be MUCHLY appreciated! I've just come to do my new site, but for some reason I can't get the site to display properly in Firefox 2.0.0.1. The images aren't working properly, the banner image I have put in place works fine in IE, displays in Opera (I'm still working on the layout), but won't display at all in Firefox. If I use the developer toolbar on my page, it reports as a broken image, but I click the link and the image displays. The alt text appears in my layout, which is more confusing. But I can't find a solution for this. It's nothing to do with the markup, I've tried displaying the image in a completely blank page, still nothing. I have a U3 drive, it has Firefox 1.5 loaded on it, the image displays fine in there. Any ideas? http://www.hypersonicscream.com - Can anyone let me know if it's a problem with my copy of Firefox? I can not seem to figure this issue out. I know certain browers render different ... for IE FF uses alt tags and IE title tags... (I think thats right) but this issue seems weird there is a shadow around my List in IE but not in Firefox and the first line is broken to a second line in Internet explorer take a look This might not even be fixable, Thx! M I am having a problem with content being misaligned in Firefox. If you look at the page in IE it looks fine. But several elements are misaligned in Firefox. If you look at the site www.displaypoints.com/promotions (currently displaying as http://69.89.31.104/~displayp/promotions.html) in IE and then Firefox you can see the issue. This is happening on several pages including this one so I'm sure it's a coding issue but I can't figure it out. Any help would be appreciated. I have designed this HTML home page with a table and it is coming up different in IE8 and Firefox but comes in fine with Safari and Chrome. The navigation area labeled "testing" in navy blue should have a width that reaches from each side. When opening in IE8 or Firefox, it comes up short and I cannot figure this out. Can someone look at this simple code and tell me what I am doing wrong? Thanks, Tim http://www.clickgraphicsonline.com/p...ar/index3.html |
|||||||