|
HTML - Explorer And Firefox Not Displaying Website In Same Format
I am experiencing frustration due to the website that I've designed is being displayed perfectly in the Explorer browser, but in Firefox its all screwed up. Is it coding issues? My website is at www.wolfdenexpeditions.ca
cheers Similar TutorialsHi, I have developed a website and used Internet Explorer to view it when making it. However, when I load the pages in firefox it is not formatted the same - why is this? Doesn't firefox recognise certain html and css tags? How can I fix this if I want the website to be viewed the same in Firefox? Hi, I am in the process of building a website for a client. This is my first ever site so I knew I would have a few issues. I have fixed all but one at present. Here is a link to my site which I have put live on a test server. http://leaf.greenxtian.com/grangefarm/index.html The naviagation bar and Lightbox2 images are moving when rolled over. This only happens in Internet Explorer 8. It is fine in FireFox and other browsers. It is only on the Services/Facilities Pages so I think it may be an issue with the CSS for Lightbox2? Maybe how I have set it up or just a bug in the coding? Does anyone know why this is happening? If so, do you know of a fix? Any help would be greatly appreciated as I have spent hours trying to work this out. For some reason my left nav in my product pages is not being displayed correctly and for the life of me I can not figure out why. On my home page there is no issue, the problem occurs when going into my webstore. There does not seem to be a probem in Firefox or Google Chrome, just Internet Explorer. Can someone please help? Here is an example page of where the problem is occurring - http://store.thebluedot.net/Items/lgvx9400verizon-aa Thanks so much in advance for any help you can provide! Hey everyone. I've been working on a site recently and I've run into a couple problems since I'm sort of self-taught and am just getting the hang of some HTML techniques. First of all, I'm having serious format problems with Internet Explorer. My site has a stoplight navigation bar that works fine in FF/Chrome, but when it comes to Internet explorer, it always displays it at the top of the page and moves everything else down . Second, I can't get any doctype validation to work on my website. I've tried strict, transitional and frameset (even though I don't have frames). Whenever I try it, it seems to completely ignore my stylesheet. Anyway, my website is www.avavenue.com. Here's my code for the home page: Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems.">
<meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12">
<title>AV Avenue</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<ul id="stoplight">
<li id="stoplight1"><a href="index.html"></a></li>
<li id="stoplight2"><a href="aboutus.html"></a></li>
<li id="stoplight3"><a href="contactus.html"></a></li>
</ul>
<div id="stoplightbottom">
<img src="Images/Home Page/StoplightBottom.png" alt="">
</div>
<div id="smartboard">
<img src="Images/Home Page/Smartboard.png" alt="">
</div>
<div id="specials">
<img src="Images/Home Page/AprilSpecials.png" alt="Check out our special services for April!">
</div>
<div id="text2">
<img src="Images/Home Page/Text2.png" alt="">
</div>
<div id="avsign">
<img src="Images/Home Page/AVAvenueLeftSign.png" alt="">
</div>
<div id="states">
<img src="Images/Home Page/States.png" alt="">
</div>
<div id="contractorstext">
<span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
</div>
<div id="company1">
<img src="Images/Home Page/Company1.png" height="30" width="100" alt="">
</div>
<div id="company2">
<img src="Images/Home Page/Company2.png" height="30" width="100" alt="">
</div>
<div id="company3">
<img src="Images/Home Page/Company3.png" height="30" width="100" alt="">
</div>
<div id="company4">
<img src="Images/Home Page/Company4.png" height="30" width="100" alt="">
</div>
<div id="company5">
<img src="Images/Home Page/Company5.png" height="30" width="100"alt="">
</div>
<div id="flashmovie">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="400" id="AV_Ave" align="middle">
<param name="movie" value="AV_Ave.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="play" value="true">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="scale" value="showall">
<param name="menu" value="true">
<param name="devicefont" value="false">
<param name="salign" value="">
<param name="allowScriptAccess" value="sameDomain">
<object type="application/x-shockwave-flash" data="AV_Ave.swf" width="600" height="400">
<param name="movie" value="AV_Ave.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="play" value="true">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="scale" value="showall">
<param name="menu" value="true">
<param name="devicefont" value="false">
<param name="salign" value="">
<param name="allowScriptAccess" value="sameDomain">
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player">
</a>
</object>
</object>
</div>
</body>
</html>
and the code for the about us page: Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems." />
<meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12" />
<title>AV Avenue</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<ul id="stoplight">
<li id="stoplight1"><a href="index.html"></a></li>
<li id="stoplight2"><a href="aboutus.html"></a></li>
<li id="stoplight3"><a href="contactus.html"></a></li>
</ul>
<div id="stoplightbottom">
<img src="Images/About Us/StoplightBottom.png"/>
</div>
<div id="smartboard">
<img src="Images/About Us/Smartboard.png"/>
</div>
<div id="specials">
<img src="Images/About Us/AprilSpecials.png"/>
</div>
<div id="avsign">
<img src="Images/About Us/AVAvenueLeftSign.png" />
</div>
<div id="states">
<img src="Images/About Us/States.png" />
</div>
<div id="contractorstext">
<span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
</div>
<div id="greenbackground">
<img src="Images/About Us/GreenBackground.png" height="500" width="630"/>
</div>
<div id="aboutusheader" width="250">
<span class="whitetext1 tahoma">Classroom Technology Specialists</span>
</div>
<div id="aboutusparagraph">
<span class="whitetext3 arial">AV Avenue has been specializing in K-12 and Higher Education for nearly 10 years. We provide audio/video equipment sales, systems installations, and services for existing systems. While our focus is in classroom technology, we also offer the following services below:
</span>
</div>
<div id="list1">
<span class="whitetext2 arial underline">Classrooms</span>
<ul>
<li><span class="whitetext2 arial">Projectors</span></li>
<li><span class="whitetext2 arial">SMART Boards</span></li>
<li><span class="whitetext2 arial">Audio Systems</span></li>
<li><span class="whitetext2 arial">Sound Field Systems</span></li>
<li><span class="whitetext2 arial">Control Systems</span></li>
<li><span class="whitetext2 arial">Acoustics</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Building Wide</span>
<ul>
<li><span class="whitetext2 arial">Video Surveillance</span></li>
<li><span class="whitetext2 arial">Paging</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Cafeteria</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
</ul>
</div>
<div id="list2">
<span class="whitetext2 arial underline">Auditorium</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Displays</span></li>
<li><span class="whitetext2 arial">Video Recordings</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Library</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Music Rooms</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Systems</span></li>
</ul>
</div>
<div id="list3">
<span class="whitetext2 arial underline">Gymnasium</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Displays</span></li>
<li><span class="whitetext2 arial">Video Recording</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Swimming Pool</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Athletic Fields</span>
<ul>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Recording</span></li>
<li><span class="whitetext2 arial">Scoreboards</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Dance Studio</span>
<ul>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Acoustics</span></li>
</ul>
</div>
</body>
</html>
(cont) Hi, We have a site uploaded at www.ejwelch.com The file in question will be either index.html or index2.html (we may move back a temporary old index.html in place for now). the page i am referring to has a black header. The left navigation menu displays fine in mac safari, but does not display right in IE. Any ideas or suggestions GREATLY appreciated! thanks in advance My Website: http://tinyurl.com/ygspuc In IE7 the content is extended to far. As you can see in the attachment. Any help greatly appreciated. Hi, I'm sorry for asking this question but i just can't seem to find a solution so i thought it might be easier to ask an expert... This is my site design in dreamweaver... click here to see dreamweaver image It looks fine when i use firefox but for some reason in internet explorer it doesn't seem to like me using tables and moves the table right down the page leaving a big gap between the header and the table information.... click here to see in i.e. If anyone has any suggestions how I can fix this it would be much appreciated and save me a lot of headaches. Thanks Adam Hey guys hoping you may be able to please help. I'm trying centre the website I'm developing, have actually done this OK. The problem occurred when I tidied up my html of the index page and previewed it in browsers. It worked fine in everyone (Chrome, Firefox and Safari) except for Internet Explorer. I have centred it using div tags and css. I also tried using an external css style sheet and putting the div tags in a wrapper- same result. I have attached the html source as a doc and txt file. Any help or advice with this problem would be greatly appreciated. p.s the style is called centred and on line 22 Hi, My background looks differently in Firefox and Explorer. Any ideas? Thank you <html> <head> <STYLE TYPE="text/css"> <!-- body { background-color: #570000; background-image: url(http://i144.photobucket.com/albums/r...uzaramka.jpg); background-repeat: no-repeat; background-position: center; background-position: top; } --> </STYLE> </head> </html> I have a wordpress blog in which on the single post page the container div is non-existent and the sidebar and footer go into the content div. The page displays fine in firefox it only has the problem in internet explorer. Any help would be greatly appreciated. Here is an example of the problem: http://purplemushroomreviews.com/gam...mption-review/ Hi, can anyone help me with this? My site shows in firefox but when it is viewed using internet explorer, parts are missing and everything is everywhere. I really hope someone can teach me how to correct it. Site is www.agraphix.com.sg Thanks! ps: i know my html is a mess, i'm not really good at it. =/ Robbie. Hello everyone. I have just stumbled across this group whilst investigating an issue I am having with a website, what a great resource you have here. I look after the website for my local volunteer fire brigade and I have maintained it for a number of years without any major problems. However in the last couple of weeks it has become apparent that the website is not loading all of the frames for the pages. This appears to only be an issue when browsing with Internet Explorer, as it all looks fine in Firefox. The website is located at http://www.mvcfs.asn.au/ It is only very basic, as that is my current level of HTML programming, I am considering changing to an alternate web layout program like Wordpress, however I haven't looked too much into the details of it yet. I have tried loading this page in I.E. on a number of different computers and they all suffer the same problem, I am currently using version 8.0.600 right now and it is not working, the Firefox version I am viewing it on is 8.0 and that appears to work ok. Is anyone able to suggest a possible solution to this issue, I haven't made any significant changes to the site in the last couple of weeks, so I am not sure why this problem has suddenly come up. Thankyou for your assistance. Regards Matt So, I mainly use firefox, and my page looks fine in firefox.. but in Internet explorer there are some issues: heres the code: Code: <div align="center" id=article> <table margin:0 border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"><img src="images/articles/top.jpg"/> </td> </tr> <td width="4px" style="background-image: url(images/articles/left.jpg)"></td> <td width="734px" style="background-image: url(images/articles/middle.jpg)"> <br>Text here.... </td> <td width="4px" style="background-image: url(images/articles/right.jpg)"></td></tr> </table> <table margin:0 border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="images/articles/top.jpg"/> </td> </tr></table></div> Basically, I want that set up so I can put text in and the pics are already made to that they tile properly and neatly, that works, except there are spaces between top.jpg and middle.jpg I reused top.jpg on the bottom, cuz it looks the same anyway and it saves bandwidth by reusing the same pic. But theres a space there too, except not in firefox, which is how it is supposed to look. Basically, top.jpg, left.jpg and right.jpg form a border, and middle.jpg is a shade of grey that fades to a darker color, but tiles correctly for the background, while text is displayed there... and it works, except for the spaces between top.jpg and the rest of the places. Thanks for any help! Hi, Now am developing a site for my company, am using HTML and CSS for site designing. If I view the page in Firefox and IE, Firefox looks correct, but in IE the page looks some extra spaces. Is there any tag (or) code is available to fix this issue.. (or) Please advise me a solution to correct the issue. Thanks for your help in advance. Hello, We have been trying to find the best way to fix our band website www.random-rocks.com the buttons work on Internet Explorer but not in firefox or others. The Buttons i'm talking about are the one's on the left side of our website.... we designed the site with html...etc... Anyone, please help me... with this problem.... use the source code... if that we help you. Thank you.....it has been way to long with this problem. thanks i made a website and everything looks good on it when i view it in firefox but when i use explorer some of the images wont show up, just has the red x in the corner. any suggestions whats goin on? I am testing a clients site, and have it on a local server, and bringing it up in Firefox and Internet Explorer 7 to try and work out the bugs, and for some reason, there are images that are not coming up in Explorer, but coming up just fine in Firefox. Any ideas why? http://www.sandmanmedia.net/sandman_...anmedia_7.html When viewed in firefox, the 3 menu elements do not stay on the same line (services is bumped to the bottom). It is correct in Internet Explorer, and all 3 buttons are next to one another. Each button is 110px. The td width is set to 330px and set to bottom. Greetings and thanks for checking my question out. I oversee an academic site for mostly text at www.zeitschrift.co.uk and when I recently updated it with new material, specifically at www.zeitschrift.co.uk/v4n1jryskamp, it will not seat properly in the browser window, but this page seems to work ok with explorer. Does anyone have any suggestions. Much appreciated, HTML Dad 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 |
|||||||