|
HTML - Browser Inconsistencies
Hello all,
I have a strange problem I don't know how to fix. My page is showing up just as it should in Firefox, but when I look at the same exact page in Internet Explorer, the buttons below the slideshow don't appear. I figured out, however that when you look at the page in Internet Explorer and hold on to the ctrl key and roll the wheel on the mouse, then the buttons appear all of a sudden as if they have been hiding behind the slideshow, but they aren't there when I move it to check. The page is http://www.idea-palette.com/testfolder/pagetest2.html Can anyone help me figure this out please? -Chris Similar TutorialsI'm building my first real web site and am running into some problems getting the (simple) site to display properly across different browsers. In Firefox and Chrome everything seems to display normally, but in IE the format appears very different from what it should be: the div for the site information links is way out of place, and the left navigation menu is as well. After discovering doctypes I found that using Strict 4.01 eliminated the inconsistencies across browsers, but broke a lot of my formatting and positioning (in particular, margins). I am currently using Transitional. Any recommendations on what could be done would be appreciated. Through searching I have found numerous references to problems with IE using the box model correctly, but that isn't supposed to apply to IE8/IE9. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="description" content="PAGE DESCRIPTION!"> <link rel="stylesheet" type="text/css" href="mystyle.css"> <script type="text/javascript" src="myscript.js"></script> <title>Index Page!</title> </head> <body> <div id="container" style="background-color:#abc;"> <div id="header"> <h1 style="margin-bottom:0; text-align:center;">Title</h1> </div> <div id="siteinfo"> <div style="margin:10;background-color:#CCCCCC;"> <ul id="thehoriz" style="text-align:center;"> <li class="siteinfo"><a href="site.htm" class=siteinfo>Site</a></li> <li class="siteinfo"><a href="info.htm" class=siteinfo>Info</a></li> <li class="siteinfo"><a href="goes.htm" class=siteinfo>Goes</a></li> <li class="siteinfo"><a href="here.htm" class=siteinfo>Here</a></li> </ul> </div> </div> <div id="menu" style="float:left;width:200px"> <div style="margin-right:10;padding:10;margin-bottom:30;border-right:5px solid;border-bottom:5px solid;;background-color:#EFC700;"> <b>Section 1</b><br> <ul id="thevert"> <li class="tips"><a href="Page 1.htm" class=tips>Home</a></li> <li class="tips"><a href="Page 2.htm" class=tips>News</a></li> <li class="tips"><a href="Page 3.htm" class=tips>Contact</a></li> <li class="tips"><a href="Page 4.htm" class=tips>About</a></li> </ul> </div> </div> <div id="content" style="background-color:#EEEEEE;margin-right:10;padding:10;border:5px solid"> <p>Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here </p> <p>Content goes here</p> <p>Content goes here</p> <p>Content goes here</p> <p>Content goes here</p> <p>Content goes here</p> </div> <div id="footer" style="clear:both;"> <div style="margin-top:30px;background-color:#FFA500;text-align:center;"> <p>Copyright (C) 2011 nothing.com</p> <h4>Footer Sample</h4> Page loaded at Tuesday, 04-Oct-2011 15:00:03 PDT </div> </div> </div> </body> </html> 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. 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 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 I have studied my code and for the life of me can't figure out why the header is not showing up in IE7 (windows). It shows up in all other browsers just fine. Can someone help me and take a look at my code and tell my what I may have missed? http://www.kingcrabshack.com/ Thank you for your time. Hello, Wonder if you can help, i'm very new to coding, and i have an error in Dreamweaver showing as 'error parsing styles'. It effects IE 6. The code flagged is: body { background-color: #EED38D; background-image: url(images/background.gif); background-repeat: repeat-x; a img {border:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; color: #333; } } Hope you can help! Thanks, Joe Hi, am wondering if any one can help me. OK in Netscape I have this in my source: <meta HTTP-EQUIV="Author" CONTENT="Firewalker75.com, http://www.firewalker75.com/index/fw_100.jpg"> to see what I mean go to my site: http://ww.firewalker75.com you will see my logo in the browser with the addy It doesn't work in IE, I have the lastest version, hoe do I edit above so it shows in IE as well. I think it is html or is it script. Sorry a newbie on this Thanks Firewalker Ok I have developed the following website www.megacom-int.com. On firefox the scrolling of the latest projects on the left are displayed correctly. However when I use Internet Explorer the Latest Projects has blue background. Whats more interesting is that if you click on Methodology using Internet Explorer, its like viewing it on firefox! I dont understand why this is happenning, I have looked at the code and I see no difference! p.s.Methodology file is in the same folder as it is on Our Team and Partners. I hate everything microsoft, but I have no choice in the matter as it has to work on Internet Explorer as well. Any help in the matter would be great Best Regards K4L Hi, Is there a way I can not show all the url in the browser window. for instance when showing a links page, instead of the address being "http://www.webspace.co.uk/links.htm" could it just be "http://www.webspace.co.uk I have seen this done but not sure how. Thanks Simon I just changed the logo for a site and now because the width and height dimensions are different from the old one the logo will look skewed to old customers coming to the site without refreshing their browsers. How do I solve this problem? Here is what I want to do: Basically there is an mmorpg game I play, and to play it you must download the client and install it. What I want to do is upload the files to a server and make a webpage in HTML that I can launch the game from, or embed it into the website, whichever works best. How would I achieve this? Thank you. 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- How to display < > in browser using HTML ? Hi there, I am currently in the process of re-designing my girlfriends dads companies website and he has requested that customers can fill in a form, and when submitted the form gets emailed to his inbox. At the moment his website opens up outlook express, when the form is submitted, using the mailto: function, but he really doesn't like this. Is there any other way of emailing from a browser without any programs popping up? I am open to suggestions on other ideas that may work here if anyone can think of anything. Thanks in advance. Tom Since all browser's are different, im trying to make a browser detection system for my website. the only problem is.. i can't.. I tried for several hours and have yet to make it work succesfully. Is there anyone who can make (or help make) a browser detection system for me? I would post my script but i deleted it. it would detect ie, but it mistook every other browser for google chrome. Hello all. I know that to view changes I've made to my website, I need to reload my browser or empty my cache. I'm just wondering if there's any way to have the site reload itself or something so that guests who have seen the old site don't have to hit reload to view changes. Thanks, ~~Idaho Parkour 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. Working on it now. Thanks. I want to make a mobile phone version of my website. Does anybody know how I can get my index page to ind out what type of browser/device the visitor is using? i.e. if the visitor is browsing using a mobile phone I want them to be redirected to mysite.com/mobileversion/index.htm Can this be done? Leroy |
|||||||