|
HTML - Differences In Ie7 Vs Firefox
Hi everybody,
On our website we have a page that looks great in IE7 but doesn't look so good in Firefox. http://www.jjdog.com/contestmain.shtml We used DIV tags around the tables to format the page with CSS. I have been looking at our code but don't have a clue how I could go about fixing this so it looks good in Firefox too. Any suggestions? Best Regards, Eli Similar TutorialsHi, I'm currently coding my website and I've ran into a slight issue...I've got a series of nested div's, making a 'tutorial' list (look at www.designersvault.net to see). Problem is in Firefox 3, the list appears way further down than it should, but in Internet Exlporer 7 it renders the way I want it to. The source code is on the website www.designersvault.net Many thanks Hi, I know this is quite a common and problem, and it is one that often make me want to pull my hair out! The problem this time is that my problems arise from a database generated layout. In that, depending on how many fields are in a database, my code will display a number of small divs. When viewed in firefox it displays perfectly as I would want, but in I.E it goes all funny. Here is the code Code:
<?php
mysql_connect("localhost", "0607197", "12345") or die("Can't connect to database server!");
mysql_select_db("db0607197") or die(" Can't select database!");
$updated = FALSE;
if(count($_POST) > 0){
$admin = $_POST['admin'];
array_map('intval',$admin);
$admin = implode(',',$admin);
mysql_query("UPDATE seats SET admin=1 WHERE id IN ($admin)") or trigger_error(mysql_error(),E_USER_ERROR);
$updated=TRUE;
}
?>
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
<?php
?>
<?php
$booked = "<b>Seat Booked</b>";
$sql = "SELECT id,username,admin,rowId,columnId FROM seats ORDER by id ASC";
$result = mysql_query($sql) or trigger_error(mysql_error(),E_USER_ERROR);
while(list($id,$username,$admin,$columnId,$rowId,)=mysql_fetch_row($result)){
if($admin==1){
echo '<div style="background-color:red;align:center;width:53px;text-align:center;padding-top:5px;padding-bottom:5px;float:right;height:43px;border:2px solid #FFFFFF;"><b><font color="black">'.$rowId.''.$columnId.'</div>'."\n";
}
if($admin==0){
$checked = ($admin==1) ? 'checked="checked"' : '';
echo '<div style="background-color:green;padding-bottom:5px;align:center;width:53px;font-weight:bold;text-align:center;padding-top:5px;float:right;height:43px;border:2px solid #FFFFFF;"><b><font color="black">'.$rowId.''.$columnId.'<input type="checkbox" name="admin[]" value="'.$id.'" /></div>'."\n";
}
}
?>
<p><div style="float:bottom;text-align:center;paddin-top:40px;"><input type="submit" name="submit" value="Book Seat" /> </div>
</form>
Could this be solved by some simple CSS? Position:absolute perhaps or will I need a better, more efficient way of outputting the data? Advice please. Thanks in advance Daniel Lo folks. I seem to have come accross another situation where IE7 and FF2 can't agree on a method to display things. However, this time, I have a feeling IE 7 is doing it right. I am using a list in a list to achieve the desired effect, which is that my main list points have some list points each outlining the point further. Take a look at these two images too see the difference: Microsoft Internet Explorer 7: Mozilla Firefox 2: The first one is how IE treats it, which adds indent to the nested list, which is how I mean it is supposed to be. The second one is how Firefox treats it, which does not add an indent, or only a very small one at best. Can anyone tell me what the specs say about this? And how do I correct it? As I mentioned, I want it like IE shows it. The page in question is: http://www.sheenakelly.com/workshops.php The css is located in: http://www.sheenakelly.com/include/style.css *Edit: And now when I try validating this particular page, I get a validation error with my UL / LI that makes no sense to me... can this be a part of the mess? Ta. H. I'm revamping my community website. The existing set up is a plain HTML page with CSS which links to a phpBB forum. I'm now experimenting with getting the phpBB calendar to appear on the community homepage. So, I've converted the plain HTML to a PHP file. The coding looks correct, but now the styles are messed up somehow, but only for IE. I'm using IE6 and FF2. Under FF2, the page looks fine. Under IE6, the centeredness is all whack. Can someone take a look at the page and give me some suggestions on how to make IE render it properly? http://shawnessy.ca/test.php Thank you! Hi, started making a website today. And since I'd like every one to see it properly I check both in MIE and FF. For the first time, I see MIE do something better then Mozilla -.- I built my frontpage in table-layout with sliced images. But I get a gap in FF. This does not occur in MIE. Here is my code: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rebits :: Welcome</title>
<style type="text/css">
<!--
body {text-align:center;}
#nav {list-style:none; word-spacing: 50px; font-family:verdana; text-align:left;}
a:link {text-decoration:none; color:black;}
a:visited {text-decoration:none; color:black;}
a:hover {text-decoration: underline; color:white; background-color:black; }
li {display:inline;}
#copyright {text-align: right;}
#bigkonijn {position: absolute; top:200px; left:240px;}
-->
</style></head>
<body>
<img id="bigkonijn" src="rebit-big.gif" width="300" height="500" alt="rebit-big (15K)" />
<table width="200" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td colspan="2" style="margin:0px; padding:0px;"><img src="header.gif" width="800" height="155" alt="Header" /></td>
</tr>
<tr>
<td colspan="2" style="background-image:url(nav.gif);padding-top:0px; margin-top:0px;">
<ul id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="begin.htm">How-it-started</a></li>
<li><a href="commov.htm">Comics&Movies</a></li>
<li><a href="contact.htm">Contact</a></li>
</ul>
</td>
</tr>
<tr>
<td><img src="left-front.gif" width="414" height="408" /></td>
<td><img src="welcome-right.gif" width="386" height="408" /></td>
</tr>
<tr>
<td colspan="2" id="copyright"><small>(c) Artem</small></td>
</tr>
</table>
</body>
</html>
Any ideas how to fix this in FF. Ps. I think this might be a problem of FF to make own margin-padding, but I don't know where exactly to put 0-values. If you visit http://jacobkelleydesigns.com/other/SE/index.php in Safari, the menu is lined up correctly, yet in Firefox, the contact button drops below the other buttons, leading me to believe the width in the css is incorrect, but it works well in Safari. If I changed it to be wider, it'd work in firefox but not safari I'm assuming. Here is my style sheet. CSS What could be causing this? Good morning/afternoon/evening good people of these forums! I have a big problem that i cannot for the life of me fix!! I have made a small microsite for a customer, It is incomplete at the moment because it is still a visual idea, however the differences between Internet explorer and firefox are HUGE!, It works totally fine in IE but in Firefox quite a few images and Swfs are missing!! Can someone try and help me out, i am very very very stuck!! The link is: http://content.thisis.co.uk/gloucest...mes/index.html Thanks in advance! Matt Hurley 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 all, My website looks awful when you use the Firefox Browser, but if you use the IE Tab then things are all okay. Is there any code I can place in the html that would force the use of the IE tab in Firefox if installed by the browser, and if not, display a message like "This website requires the IE Tab for Firefox". Thanks in advance. McB It has been brought to my attention by my customer, whos website I designed, looks different in FireFox. What I have noticed is his google adsence is shifted all the way to the right, which pushes everything below it down. I have it in the table set to align left, but firefox seems to ignore this... any ideas? the site is http://www.tegbs.com Hey Everyone, Brand new to the website and need a little bit of help. I have been working on designing a page for my company through a template which is linked to a cyberstore. I was viewing and testing it in IE...but when we switched to Mozilla firefox it is extremely messed up. The logo has shifted completely. Is there any code that will format the logo to stay in the same place when viewed in both browsers? I am also having a hard time with Mozilla firefox reconizing the roll over states that IE is recongnizing(Thats in the CSS). Any help would be appreciated. -Amanda Hello all out there in the web world. I'm working on a floral site http://gellingsfloraldesign.com/. Site isn't completely done (specifically the products page). I have validated most of site but there are two things: 1. I'm having issues in FireFox (I think it may have something to do with the left menu repeating but have tried everything I can think of to fix.) 2. I cannot get pages that contain floral images to validate (the image URL is from my main company). For example: http://s7d2.scene7.com/is/image/Tele...ayer=2&opac=55 I checked in Opera, Safari, IE 7 and 8 and things seem to be ok. Thank you, Andrew Hello! I spend so many hours trying to solve this problems, nearly gone mad, but still unable to find the solution. I am no very good at html, just the basic. Hopefully you guys can help. Here is the testing site :- http://www.applycreditcard-online.com/test/ At the top right hand corner, you can see the selection menu by country, starting with "United States" In firefox, this look fine as it appers in the same row with all the links. But in IE, the "United States" selection menu stay at the top no matter what I do. I've tried valign but nothing happened. I guess this has to do with the "form" tag I ma using for the selection menu. Please advice. Thanks. Hello, im pretty much a newbie and ive been asked to create a website for my friend's small company, anywho, i've been using dreamweaver, the site is as follows. http://www.spire-guild.com/pw/index2.html Perfectly aligned on firefox but has some huge cap on the right side where you open it on I.E Can anyone help me as i really don't know what im doing. Cheers. I don't know what should I do. Google doesn't help me. When I try to embed wmv video to document it's not shown in Firefox but is shown in other browsers (Chrome, IE7/8, Opera). Why? Code he HTML Code: <object ID="Player" width="330" height="310" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param name="autoStart" value="True"> <param name="uiMode" value="full"> <param name="volume" value="100"> <param name="mute" value="false"> <param name="URL" value="video.wmv"> <embed src="video.wmv" width="330" height="310" autoStart="True" uiMode="full" volume="100" mute="false"></embed> </object> Please help me... ive been building a site with internet explorer, looks good. once i open in firefox everything is out of place and scattered everywhere. why would this be. also ive noticed with most sites you can change the size of the window and the website wont change, only the window. but with the site im building, once i change window size everything gets out of place and ordered. why? I am new to design but can already tell that a majority of my time is spent on tinkering with my pages to make them appear correctly in the very picky and buggy IE7 while my pages appear just fine in Firefox. I am wondering if anyone knows of a good resource site that lays out tips on how to get around the tricky parts of how IE7 displays pages. Usually when Firefox and IE differ, firefox is correct. It may still be the case here as well, but I think I prefer how it looks in IE. I have a header next to an image, and the header appears next to the image in IE and under it in Firefox. Code below, any help would be great! <div id="content"><div class="img-shadow"><div id="logo"><a href="index.html"><img src="images/about.jpg" alt="Logo" width="180" height="226" border="0" /></a></div> </div> <div class="tagline"> <h1> </h1> <h1>About the Collection</h1> </div> <br class="clearboth" /> <p class="style1"> and the CSS: #content p { margin: 1em 2em 2em 0; line-height: 1.5em; I have recently designed a website on Google Chrome...And after finishing it and opening it on Firefox and IE, I was surprised by the strange look of my site...The widths and tops and everything of CSS of boxes I did look completely different...I tried to add DOCTYPE and stuff like that and still it makes no sense but makes the same issue with Google Chrome too and when erasing it..The site runs on google chrome properly but not in IE and Firefox...Please help me fixing this problem... My site: http://islamdiaa.selfip.com/ |
|||||||