|
HTML - Need Help With Differences Between Ie And Ff
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! Similar TutorialsLo 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. Hi, 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, 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. 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 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 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? 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 |
|||||||