|
HTML - Table Display Wrong In Ie But Not In Firefox!
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>
Similar TutorialsHello, I am newbie, just has started my adventure with html. I tried to make an easy static site, without any additional thingd, but it occured a problem. 1. I mean, as I put table in table because I did know how to to id in different way, to make buttons on the left stay up while text on the right is moving- if I do normal table with 2columns and on the left lets say 5rows for buttons, on the right I unite all rows to make one big sort of box for contents, as I go down and try to write something morre, the rows from the letf were enlarging too If the size of explorer or firefox is nor full screen, the text in contents is going away (like now in lycos server, where screen is not full, but "cut" by advertise) 2. I have highlighted buttons, but not always works, why? (i mean it works, but darker buttons are charging so slow- maybe it is so because i saved them in pgn instead in gif, and each one is about 50kb?) -probably it is not this- because I have just changed into gif, and it is still the same 3. Another problem, as I post the site, I have notice, that in firefox I can not navigate with buttons, while in explorer yes, is it a fault of my coding, or of server where I put website? Here I post my website: http://members.lycos.co.uk/aniaacolgate/ Could someone take a look on the code, and will be so kind to correct me? It is a basic easy site of very begginger I just wanted to make a shape like this: - top: a banner - buttons in horizontal and vertical way - under buttons: contents (sincerly would like to put frames, but do not know how to put them there, is on the left there r buttons Thank you so much in advance for reply Sorry for mistakes in language hello all im new to the forums and new to webpage design most of what ive got below is goign through w3schools webpage and just nutting things out in dreamweaver i like how i can click and drag the dvs so i can place them anywhere on the page i wouldnt mind having the links in a neater style but im not sure what to do with them if you would liek a screenshot of the page im happy to upload one. i am trying to make a website and when i load the page up in firefox and click anywhere other then the linked buttons it selects all the page but in I.E it dosnt do that and if there any hints and tips to make my page work better that worl be cool 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=iso-8859-1" />
<title>Web Design</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:171px;
top:33px;
width:564px;
height:86px;
z-index:1;
}
#Layer2 {
position:absolute;
left:9px;
top:314px;
width:208px;
height:36px;
z-index:2;
}
#Layer3 {
position:absolute;
left:10px;
top:374px;
width:206px;
height:29px;
z-index:3;
}
#Layer4 {
position:absolute;
left:10px;
top:431px;
width:205px;
height:35px;
z-index:4;
}
#Layer5 {
position:absolute;
left:11px;
top:486px;
width:204px;
height:35px;
z-index:5;
}
#Layer6 {
position:absolute;
left:5px;
top:270px;
width:204px;
height:33px;
z-index:6;
}
#Layer7 {
position:absolute;
left:295px;
top:268px;
width:321px;
height:67px;
z-index:6;
}
#Layer8 {
position:absolute;
left:407px;
top:330px;
width:200px;
height:58px;
z-index:6;
}
#Layer9 {
position:absolute;
left:14px;
top:649px;
width:204px;
height:35px;
z-index:5;
}
#Layer10 {
position:absolute;
left:11px;
top:539px;
width:204px;
height:35px;
z-index:5;
}
#Layer11 {
position:absolute;
left:12px;
top:593px;
width:204px;
height:35px;
z-index:5;
}
#Layer12 {
position:absolute;
left:14px;
top:700px;
width:204px;
height:35px;
z-index:5;
}
#Layer13 {
position:absolute;
left:471px;
top:739px;
width:204px;
height:35px;
z-index:5;
}
.style2 {color: #FFFFFF}
-->
</style>
</head>
<body bgcolor="#171509" background="" no-repeat;>
<table width="90%" height="770" border="2" cellpadding="0" cellspacing="0" bordercolor="#" bgcolor="#0110" background="Pictures/Background/BackgroundMozzieIt.gif" align="center">
<tr>
<td align="center"><div id="Layer1"><img src="Pictures/Banner/Mozzie Logo.gif" width="584" height="118" /></div>
<div id="Layer2"><a href="main.html"><img src="Pictures/Buttons/Home Button.gif" width="207" height="33" border="0" /></a></div>
<div id="Layer3"><a href="ourproducts.html"><img src="Pictures/Buttons/Products button.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer4"><a href="contactus.html"><img src="Pictures/Buttons/contact us button.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer5"><a href="aboutus.html"><img src="Pictures/Buttons/about us button.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer9"><a href="webdesign.html"><img src="Pictures/Buttons/web design button.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer10"><a href="mozzieclub.html"><img src="Pictures/Buttons/mozzie club button.gif" width="207" height="33" border="0" /> </a></div>
<div id="Layer11"><a href="consulting.html"><img src="Pictures/Buttons/consulting.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer12"><a href="specials.html"><img src="Pictures/Buttons/specials button.gif" width="207" height="33" border="0" />
<a></div>
</tr>
<div class="style2" id="Layer8">
<p>hi there
</p>
</div>
</body>
</html>
i have put the css code in the webpage is this recomended ? i couldnt get the page to work with a style.css page im not sure what i done wrong Thanks in advance Hello all, Was wondering if you could help me please. Does anyone know if there is a way to fix this? First thing, the banners at the top are disjointed on the homepage only. Secondly, the Home link doesn't work on other pages. Finally, the margin on the right hand side does not exist. Many thanks mc_blue Hey 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. Hello, I'm designing a site that has a table with it's cells containing unordered lists. These lists are working and displaying fine, except for when I use IE. The links automatically drop down to the next line no matter what. FF looks perfect. Example: Code: <td width="367" height="165" nowrap="nowrap" background="Assets/GFX.png">
<ul>
<li><strong>Full name</strong> Name<a name="Name" /></li>
<li><strong>Birth date</strong> January 19, 1980 </li>
<li><strong>Birthplace</strong> Frome, Great Britain</li>
<li><strong>Link</strong><a href="http://website.com" class="linkcolor" > Website </a></li>
</ul>
</td>
The part in red is the issue. in IE, the Website part drops down to the next line, even though there is plenty of space in the cell. Is there a trick to fixing this? Hello, everybody! I have a problem. This page: http://friends21.com/index.php/publi.../name_joecool/ displays properly in Opera and Firefox, but wrong in IE. I mean in IE for some reason header and footer are aligned left, while in Opera and Firefox it stays centered as it must be. On this site users are allowed to use html code for their profiles (like for example myspace templates). So this user inserted some code that moves headers to the left. (compare with other users: http://friends21.com/index.php/publi...name_drewness/ http://friends21.com/index.php/publi...administrator/) But I couldn't find what exactly in that code moves header/footer to the left and why it does so only in IE but not in Opera and Firefox. Anybody knows? Your help is very much appreciated. Thank you all in advance. Could anyone please help me? I created a login form. And when it is alone on a web page it displays properly in all browsers: IE , Opera and Firefox: http://www.gpftt.com/a/html/ But when I insert it into a html template it remains good in IE but becomes wrong in Opera and Firefox: http://www.gpftt.com/a/html/ind.html I have tried everything I could - html and css editing. I removed all styles from the web page but it still remains wrong. I spent a whole day over it and still couldn't get it working. Can anybody tell me wtf??? Hi, I just changed some content in the middle of a oscommerce php page that I have been working with for a couple of years. I frequently add or change content in a table in this page. http://www.leavemeb.com/index.php Today, I added new stuff, pics, etc and used percentages in the tables to space things out well and so that when someone expands or condenses the browser window, the content adjusts accordingly. Now, in IE it shows up perfectly, yet in firefox on my mac it is very spaced out and can't even fit the whole page across without me having to scroll to the right to see the right collumn. Can anyone help me see what is not working here? I would be very grateful. I can't seem to see it. Nichole Hello, I'm a newbie to these sorts of things. I'm also not sure what the technical jargon is for this so please bare with me. What I want to achieve is to have the sitemenu part stretch across the entire table ending with the image tags (visually I want the sitemenu part to end with rounded edges which I made as an image). Is this even possible? I am not sure how to accomplish this. At the moment whilst the end image caps the sitemenu column, it does not stretch to the end of the rest of the table and the beginning image is hanging out at the very start where I want it to sit, but sitemenu does not reach it. I thought it was a problem with my colspan but touching it just destroys the entire thing. For further clarification here is what it looks like: http://img.photobucket.com/albums/v2...arghtables.jpg And here is what I WANT it to look like: http://img.photobucket.com/albums/v2...ouldbenice.jpg Here is the current code that I have: Code: <table cellspacing="0" cellpadding="0" border="0" align="center" width="90%">
<tr>
<td colspan="5" id="sitetitle"><img src="banner.jpg"></td>
</tr>
<tr>
<td colspan="5" id="emptyrow"></td>
</tr>
<tr>
<td width="15" valign="top"><img src="left.jpg" width="15" height="53" border="0"></td>
<td colspan="3" id="sitemenu">Hello</td>
<td valign="top" width="15"><img src="right.jpg" width="15" height="53"
border="0"></td>
</tr>
<tr>
<td colspan="5" id="emptyrow"></td>
</tr>
<tr>
<td id="hmenu" valign="top">
<p>Stuff</p>
</td>
<td id="emptycolumn"></td>
<td id="content" valign="top">
<p>Stuff.</p>
</td>
<td id="emptycolumn"></td>
<td id="vmenu" valign="top">
<p>Stuff.</p>
</td>
</tr>
<tr>
<td colspan="5" id="emptyrow"></td>
</tr>
<tr>
<td colspan="5" id="sitecredits">Credits</td>
</tr>
</table>
Thank you for the help! I have this table and the contents inside and all when i click preview it adds lotsa space above the table why ??? and how to fix it ??? sum1 fixed it on dreamweaver but i dont use that i use frontpage and i compared the codes and could not find the difference anyway yall check it and see the preview mode this is the code HTML Code: <table>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">Name:</font><td width="252"><input type="text" name="visitor" size="35" /></td></td> <br />
<td width="67"> </td><td></td><br /></tr>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">Email:<br />
</font><td width="252"><input type="text" name="visitormail" size="35" /></td></td>
<td width="67"> </td><td></td></tr>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">
Subject:<br /></font><td width="252">
<input type="text" name="attn" size="35" /></td></td>
<td width="67"> </td><td></td></tr>
<tr><td align="right" valign="top">
<font face="Arial Rounded MT Bold" color="#0B74C1"><br />Message:</font></td>
<td width="252"><textarea name="notes" rows="6" cols="29"></textarea></td>
<td width="67"> </td></tr>
<br />
<tr><td align="right" height="27"> </td>
<td width="252" height="27" align="center">
<p align="center">
<input type="submit" value="Send" <INPUT type=submit value="Check" style="color: #FFFFFF; font-family: MS Sans Serif; font-size: 8pt; border-style: ridge; border-width: 3; background-color: #074A7C"></td>
<td width="67" height="27">
<p align="center"> </td></tr>
<br />
</table>
Thanx The table itself is working fine, but the size of each cell is not correct in Firefox. Here is a screenshot of what is happening: http://img35.imageshack.us/img35/1938/tabletroubles.gif Here is the head of my page, the css for the table is he HTML Code:
<style type="text/css">
#cat table {border:0px solid #333333; cell-padding:0; cell-spacing:0; align=center}
#cat tr {align=center}
#cat td {font-size: 13px; font-family=tahoma; font-weight: bold; padding: 0px; border:0px solid #333333; align=center;}
#cat td a {text-decoration: none; color:#757575; background-color: white; display:block; height=23; background-image: url(linkbg1.gif); align=center;}
#cat td a:hover {background-color: #333333; font-weight: bold; text-decoration: none;color: #ffffff; background-image: url(linkbg2.gif); align=center;}
</style>
and here is the table code, located in the body of the page: HTML Code: <div style="Height:53px; overflow:auto; width:900px; position:absolute; top:0; left:0"> <TABLE bgcolor=#333333 cellspacing=0; cellpadding=0;><tr><td> <div id="cat"> <table width=900; cellpadding:0px; cellspacing:0px> <tr align=center> <td width=20%> <font face=tahoma><a href="home.html">Home</a></font> </td> <td width=20%><center><font face=tahoma><a href="openings.html" target="_top">Openings</a></font></center></td> <td width=20%><center><font face=tahoma><a href="dance.html" target="_top">Dance</a></font></center></td> <td width=20%><center><font face=tahoma><a href="projects.html" target="_top">Projects</a></font></center></td> <td width=20%><center><font face=tahoma><a href="vocaloid.html" target="_top">Vocaloid</a></font></center></td> </tr> <tr> <td width=20%><center><font face=tahoma><a href="fanflashes.html" target="_top">Fanflashes</a></font></center></td> <td width=20%><center><font face=tahoma><a href="caramelldansen.html" target="_top">Caramelldansen</a></font></center></td> <td width=20%><center><font face=tahoma><a href="cosplay.html" target="_top">Cosplay</a></font></center></td> <td width=20%><center><font face=tahoma><a href="endings.html" target="_top">Endings</a></center></td> <td width=20%><center><font face=tahoma><a href="anime.html" target="_top">Anime Episodes</a></font></font></center></td> </tr> </table> </div> </td></tr></table> </div> A table is nested within another table. The table on the outside has no content, it is there to make a gray border around everything else. If you look at the table in firefox & internet explorer, you'll see that in IE- the table is much thicker than in firefox. How can i make it so that the table in Firefox will have the same thickness as the one in IE? I could really use some help. Thanks! Hi I have problem with IE7 at present with a HTML table. The problem may span beyond HTML tables but basically the colors are coming out all wrong. Firefox is fine, I'd hardcode bgcolor="red" and it comes out red. In IE7 it comes out blue however Most other colours apart from black and white are the same. Does anyone know what is causing this? 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 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 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 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 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! 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 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 |
|||||||