|
HTML - Different Display In Ie And Firefox
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 Similar TutorialsDear 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 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 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>
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 http://www.mythlabb.com/ IE displays the top logo just fine. Firefox displays it as a broken image. It's just a .jpg file, nothing special, and it's on the page as a regular image tag right at the top of the Body tag. Am I missing some little Firefox quirk here or something? I removed the text content in the code snippet below but it's enough to get the idea. Code: <html> <head> <link rel="stylesheet" href="styles/mainStyle.css" type="text/css" media="screen" charset="utf-8" /> </head> <body> <center><img src="images\mythLogo.jpg"></center> <center>webdesign - consultation - graphics<br></center><br><br> <div id="topnav">Insert menu here</div> <div id="maintext">Insert text here</div> </body> </html> Some really weird situation: Please look at this page here. Scroll down to the footer. You will see a GIF image right? In alle browsers BUT firefox, this displays fine.. in firefox its cancelled out for some vague reason. Thats weird right, but the weirdest thing is that only in firefox (when looked to at firebug) there is something i only can describe as a "phantom class" Its only visible in firefox, and it has a weird name " ednfltlufdujmlipsfpd" ... so, what the pancakes is going on? I've got three drop-down lists in a navbar that displays properly in IE but not in Firefox or Sea Monkey. I can't figure out what I'm doing wrong. The lists under "Historic District" and "Take Action" are fine, but the two items under "Blog" don't show up in FF or SM. The "Blog" links are external. Would that matter to FF and SM? The WC3 turned up the likely error, but when I added and/or removed a ul and/or li tag, I got strange results and was unable to fix the problem. If someone can explain what I should do and why I'd appreciate it. WC3 flagged the <ul> tag after <li><a href="http://west80s.blogspot.com/">Blog</a></li> because: "document type does not allow element "UL" here; assuming missing "LI" start-tag" Here's the site: http://west80s.org/ Here's the code: Code: <ul class="NavHoriz-menu">
<li class="first"><a href="index.htm">Home</a></li>
<li>
<a href="http://">Historic District</a>
<ul>
<li class="first"><a href="Historic-District.htm">Proposed District</a></li>
<li><a href="letters-index.htm">Support the Historic District</a></li>
<li><a href="GB-pix.htm">Gilbert Brownstones</a></li>
<li><a href="WestPark.htm">West Park Church</a></li>
<li><a href="330-W-86-St.htm">330 W 86th St</a></li>
</ul>
</li>
<li><a href="http://west80s.blogspot.com/">Breaking News</a></li>
<li><a href="http://">Take Action</a>
<ul>
<li class="first"><a href="hydrofracking.htm">Hydrofracking</a></li>
<li><a href="letters-index.htm">Support the Historic District</a></li>
</ul>
<li><a href="MembershipForm.htm">Join</a></li>
<li><a href="mailto:info@west80s.org">Contact Us</a></li>
<li><a href="http://west80s.blogspot.com/">Blog</a></li>
<ul>
<li class="first">
<a href="http://west80s.blogspot.com/2011/07/please-help-us-wipe-out-graffiti-this.html">Graffitti Removal</a></li>
<li><a href="http://west80s.blogspot.com/2011/07/weve-adopted-tree.html">Beautificaiton</a></li>
</ul>
</li>
</ul>
Thanks for any help. Ellen Hi guyz, i have a query Mouse over the datagrid cell display tooltip or panel to display information but only using HTML and CSS not using javascript. can anyone help me. because im gonna use it on htmleditor on c# desktop application thax before 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. ello everyone. I'm looking for a new way to display information effectively and neatly on my website. I have looked into tables ( which I am not a fan of ), also Javascript displaying clickable tabs allowing information to be displayed when tabs are clicked. My website is animal related so i need to be able to display somewhat like shown below; Does anyone have any other ideas of how I could display this information without making my website look rubbish? Thanks Jake Hi, in Firefox my page displays fine. as picture below. but in IE it messes up. I assume i have missed something in the html FF http://i46.tinypic.com/4uwd43.png IE http://i47.tinypic.com/9ixmj5.png code below Code: <?php include('header.php'); ?>
<?php include('RightSide.php'); ?>
<div id="primaryContentContainer">
<div id="primaryContent">
<h2>Contact Simple Coders</h2>
<p class="nopadd">
If you have any problem, suggestion, comment, or you found a bug. You can send a message to
<script type="text/javascript">
//<![CDATA[
document.write('<a'+' href="mailto:sup');
document.write('port@'+'simplecoders.com">');
document.write('support');
document.write('@simplecoders.com<'+'/a>');
//]]>
</script><a href="mailto:support@simplecoders.com"></a>
<p>Please read the following first:</p>
<ul>
<li>Please write your message in English, even if your english is very poor. I simply delete other languages because I cannot understand any word.</li>
<li> Your email address will only be used to send a reply to your message, if it's needed.
I will not give your email to anyone else</li>
<li> If you are a spammer, please don't add my email to your list. I already have enough junk in my inbox</li>
</ul>
<p>You can also fill the form below: </p>
</div>
</div>
<form style="margin: 0px 0px 0px 0px;" method="POST" name="formData" action="contactmail.php">
<div style="position: absolute; top:500px; left: 254px;">
Your Name:
</div>
<div style="position: absolute; top: 500px; left: 325px;">
<input type="text" name="to" size="30" />
</div>
<div style="position: absolute; top:533px; left: 255px;">
Your Email:
</div>
<div style="position: absolute; top: 533px; left: 325px;">
<input type="text" name="subject" size="30" />
</div>
<div style="position: absolute; top:565px; left: 258px;">
No Robots:
</div>
<div style="position: absolute; top: 565px; left: 325px;">
<input type="text" name="norobots" size="30" value="Ip Address Here" onclick="this.value=''" />
</div>
<div style="position: absolute; top:568px; left: 540px;">
Your Ip Address is: <strong><?php echo $_SERVER['REMOTE_ADDR']; ?></strong>
</div>
<div style="position: absolute; top:598px; left: 266px;">
Message:
</div>
<div style="position: absolute; top: 598px; left: 325px;">
<textarea id="msg" name="msg" style="width: 400px; height:170px; font-size: 12px;"</textarea>
</div>
<div style="position: absolute; top: 785px; left: 325px;">
<input type="submit" alt="Submit Form" name="submit" size="30" value="Send" />
</div>
</p>
</form>
<?php include('LeftSide.php'); ?>
Hope someone can help me. I am not very good in coding but i am sure this method works. Let's say i have two html file name as "x.htm" and "y.htm" that mainly reflect movement. It look like as attached (1.jpg). I have a main file also form by html. Mainly using iframe, based on 1.jpg, i have many rows but my iframe height="30", i only want to display only relevant date. Let say there is a text box for me to type a date. after i enter the date, it will display only the date. Something like (2.jpg) if i type 2 on the textbox below is my main file coding. Code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> X Movement <IFRAME src="x.htm" width="400" height="30" scrolling="NO" frameborder="1"> </IFRAME><br><br> Z Movement <IFRAME src="z.htm" width="400" height="30" scrolling="NO" frameborder="1"> </IFRAME> <body> </body> </html> Please tell me how can i do. It's a php script I made that queries my database and puts the data in RSS 2.0 format. The problem is, when I I try to view it, half the time I get this: http://www.htmlforums.com/attachment...1&d=1202333562 The other half I get it correctly: http://www.htmlforums.com/attachment...1&d=1202333599 Notice how the before part is exactly what you'd get if you took out all of the takes and linebreaks. The strangest part is that I've compared the source of each version and they are identical. This only happens in Firefox. when working locally in the latest Version of IE. They show up fine in FireFox. I searched the forum but it didn't turn any thing up. I tried my setting in IE but can't figure this out. Does anyone have a simple fix for this? Thanks....tg All right, I've stumbled upon a bit on a design block. I'm not sure what I want to do to display images. I don't know if I want to do a gallery...or just have thumbnails and then you click on them to view a larger image...I just don't know what I want to do. So, I was wondering if someone out there could help me and decide what would be best to use with my layout - which here is what it looks like: http://i46.tinypic.com/jj74hw.png - here is the homepage thus far: http://thexoticzoo.webs.com/home.html Any suggestions and help on coding? How to display < > in browser using HTML ? My site will not display javascript for all days. I got script that changes content daily. but i recently add more info by deleting div's and used the Mondays.js to Sundays.js info to display strings where div's where. But now it only shows info for monday and sunday. Here is link to test site: http://needablemerchandise.webs.com/...0main/test.htm |
|||||||