|
HTML - Browser Differences..
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. Similar TutorialsIf 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 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 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 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, 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 Hey guys should I be worried about coding my site for the IE 5.x series or should I just concentrate on IE6 and IE7 Hi, I work on a Mac, and have Safari, Internet Explorer 5 and Firefox. 1. What do you think I should be building my sites to? What do you use? 2. Also why do some sites work in all browsers? CSS hacks? Microsoft are no longer letting you download Internet Explorer for the Mac, from microsoft.com. Therefore all new mac users from February last year will not be using Explorer. Please help! Thankyou Tom does anyone know a browser that will only parse and evaluate valid HTML/XHTML based on what the doctype is and ignore invalid HTML/XHTML or generate errors. So if I had a XHTML doctype and my code was: Code: this is a XHTML document <br> this should be a new line I don't want the <br> to parse because I want something to trigger that is it not a valid XHTML tag since it is not closed. Any browser won't really care and just show the new line. I would have to validate it on the w3c website to find my error. So I want a browser that would give me these results based on my example code: Code: this is a XHTML documentthis should be a new line and then some sort of error saying "<br>" on line x is invalid. I was wondering on the board's opinion. Basically, the ALTtext element used in image display, provides two things: 1. Replacement text if the image should be abscent so that you can easily reference which image is missing and replace it. 2. Mouseover text of the image so surfers can get short extra information about the image. Now, you may argue that a Browser should come set as default to ignore mouseover text. However, there is a reason why many web developers still use this in preference to an image title. The reason being that it is extra programming for the developer to type out additional code which merely plays the same role as the original Alt attribute. Some argue that the programmer shouldn't even give an Alt value! Sadly, in turn many browsers are unfortunately becoming designed without the Alt text attribute, making many Alt-text-specific sites hard to understand. If you honestly find a small bit of mouseover text which really only exists for a fraction of a second intrusive of your surfing time then you've got issues. Who agrees? I have a small window that shows site logins by ip address. I open it with window.open and get exactly the proper display in the proper position. But, I'm stuck with the browser page that called window.open(). Is there a way to close that browser? I've tried things like window.opener.close() with no luck. Remember, I want t close the browser, not just a window. Thanks, Mac Hey guys, haven't built a website for a while and when I did build them I didn't really have a clue. I've built this page which comes up great in safari but Firefox and Ie show jack. What could be the problem? Check: www.goldensparrowstudios.co.uk thanks so much. This page looks exactly like I want it to in Firefox but not in ie6 or ie7. In ie6 the fieldsets are different heights but I want them to be the same (as in firefox) and in ie7 some of the submit buttons are hidden. Can someone help me with this? Thanks... Hi all, I notice that on some websites when you minimize and maximize the window, the content on the site displays differently. For example if i reduce the browser window on this website - all content is still displayed as if it were open in a fully maximised window. What is this called? and How do you do it?? Cheers Raggy Hello, Well ive been having this problem with my website: http://www.ngrock.com When i visit the website using Firefox it looks just perfect but when i use IExploer, the sidebar doesn't seem to work, instead of it being on the LEFT side of the website, parallel to the content. It displays Below the content, aligned left. What can i do to get the sidebar in its place on all browsers. Thank You. Claudio- Working on it now. Thanks. Hey HTML Forum!! So im gettingr really frustrated with this problem I'm having with this HTML issue. I did all of the coding in dream weaver(Yea by coding I mean drag and drop )Everything looks great opened up in dream weaver. Then when I open it in a browser (IE and Firefox) everything is all chopped up. check this out. First shot is in DW, second shot is opened in IE: What do you guys think? This is only the second website I have done and havnt had much formal training so im kind of flying by the seat of my pants. Thanks in advance!!! EDIT: You can actually go to the home page and see how bad it looks. www.miattconstruction.com the home page isnt AS bad but go to project or contacts and the pages get worse. I'm almost done with my new website's main template. Now, the only thing that remains is that my website looks exactly how I want it in IE and total crap in Firefox. I was wondering if anyone could help me out/figure out what's going on. The URL is www.smbmovie.com... So I'm developing a kind of desktop that u use by any browser. The idea of this is that you can find files and go thru files easy and do other things at the same time. In a new design. So I have a test site that gives you an idea on how it going to look. I am a rookie when it comes to coding and such so it's a simple site. Please come with tips and stuff that I should add. here is the test website. http://jaegarn.webs.com/ It all started yesterday when internet was shut down for one hour and I was bored When im developing this now I'm making it in swedish but it's easy to translate it and if somone wants I could translate it for it's release to english. So ya come with suggestions on what I should add and tips Over N Out JaegarN |
|||||||