HTML - Older Version Browsers Problem.
Hi,
I have a website working perfectly in newer version of browsers. However, older version are not working properly. This is my website mis510proj . Any help? HTML Code: <!-- Page (2 columns) --> <div id="page" class="box"> <div id="page-in" class="box"> <!-- Content --> <div id="content"> <div class="article"> <h2><span><a href="#">Improvements for mis510proj :: Dataholics</a></span></h2> <p class="info noprint"> <span class="date">2011-05-01 @ 22:46</span><span class="noscreen"></span> </p> <p> <b>mis510proj</b> :: Our Golf Course DB is need to be update :) We have recieved feedbacks from many golfers that they considered the quality of the grass and the house's beverage! and menu. We are working on to get those info in order to meet golfer's expectation.<br> </br> Our project for mis510proj will be continued so, keep you eye on our website <a href="http://128.196.27.167:8080">mis510proj</a> </p> </div> <div class="article"> <h2><span><a href="#">Check your golf course</a></span></h2> <p class="info noprint"> <span class="date">2011-04-27 @ 19:00</span><span class="noscreen"></span> <!-- <span class="cat"><a href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a href="#">My name</a></span><span class="noscreen">,</span> <span class="comments"><a href="#">Comments</a></span> --> </p> <p> <b>mis510proj</b> :: Now our golf recommendation engine is here! Just for your dreamed golf courses! mis510proj :: You can simply click either "basic recommendation" or "advanced recommendation". You will find the golf courses!<br></br> Our project for mis510proj will be continued so, keep you eye on our website <a href="http://128.196.27.167:8080">mis510proj</a> </p> </div> <div class="article"> <h2><span><a href="#">MIS510PROJ :: Golf Course Recommendation</a></span></h2> <p class="info noprint"> <span class="date">2011-04-22 @ 11:40</span><span class="noscreen">,</span> </p> <img src="./img/mis510proj.png" alt="MIS510PROJ" /> <a href="http://128.196.27.167:8080/">MIS510PROJ</a> <p> <strong>MIS510PROJ :: The DATAHOLICS We are here to help you live your dream of playing golf! As part of a course, Web Computing and Mining, we have designed a MIS510PROJ portal that provides golf course recommendations to interested golf players. The MIS510PROJ portal also has a strong business model to it through its linkage to the ebay website that permits buying of Golf equipment. The idea behind MIS510PROJ is novel since it is unique and contains a lot of unique features that many websites do not. So please have a look at the MIS510PROJ portal and tell us what you feel!!</strong> </p> </div> <!-- Article --> <div class="article"> <h2><span><a href="#">MIS510PROJ :: DATAHOLICS</a></span></h2> <p class="info noprint"> <span class="date">2011-04-21 @ 11:49</span><span class="noscreen">,</span> </p> <p> <strong>We want to hear from you!</strong><br/> <strong>Do you have any suggestions to make? Write back to us!</strong><br/> </p> <!-- begin htmlcommentbox.com --> <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div> <link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" /> <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&mod=%241%24wq1rdBcg%24CLBUSgJb.7rZSJVxzsM8Z1"+"&opts=414&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script> <!-- end htmlcommentbox.com --> </div> <div class="article"> <h2><span><a href="#">MIS510PROJ :: Golf Course Recommendation</a></span></h2> <p class="info noprint"> <span class="date">2011-04-22 @ 11:40</span><span class="noscreen">,</span> </p> <p> MIS510PROJ :: DATAHOLIC , Golf Course Recommendation. What is your preferences when it comed to choose golf course? </p> </div> <div class="article"> <h2><span><a href="#">MIS510PROJ :: DATAHOLIC</a></span></h2> <p class="info noprint"> <span class="date">2011-04-19 @ 02:00</span><span class="noscreen">,</span> </p> <p> MIS510PROJ :: DATAHOLIC , we will tell the best golf courses for you by dedicated golfcourse recommending algorithm. This website is part of MIS510PROJ. </p> </div> <div class="article"> <h2><span><a href="#">Plan your Game Today!</a></span></h2> <p class="info noprint"> <span class="date">2011-04-05 @ 11:00</span><span class="noscreen">,</span> </p> <p> Golf is one of the most stress relieving and enjoyable sports played in the world! Come and choose a course closer to you! We are here to help you out! </p> </div> <!-- my addition for Amazon --> <div class= "article"> <h2><span><a href= "equipment.jsp"> Buy Golf Equipment here!</a></span></h2> <p class= "info noprint"> <span class="date">2011-04-05 @ 11:00</span><span class="noscreen">,</span> </p> </div> </div> <!-- /content --> Thanks, DH Similar TutorialsHey all, I've been trying to fix up my carpet cleaning website. The bee.png image in the top left of my menu bar is giving me problems with older browsers & most hand-held devices, e.g., iTouch, cellphones, etc. Is there any kind of trick (hack) I could use so that it will properly align with all devices? Website: www.honeydocarpetcare.com Also, please let me know if you are noticing things that are out of place. If so, please tell me what browser and version you are using! Thanks all! Hi i was wondering if anyone can help me with making my page compatible with older browsers IE7+. My page is www.marksbodyshop.org The css is: Code: html,body { height:100%; margin:0; background-color:#000; background-image:url(../images/firstpage.gif), url(../images/firstpage-backup-for-safari.gif); /* required by Safari */ background-size:100% 100%; } #container { height:73%; background-image:url(../images/update.png); background-size:100% 100%; } #nav { position:absolute; padding:0; margin:0; list-style-type:none; height:7%; width:57%; top:20%; left:20%; z-index:1; } #nav li { width:16%; margin:1%; height:100%; } #nav a { display:block; width:100%; height:100%; outline:none; text-indent:-9999px; background-size:100% 300%; } #about {background-image:url(../images/aboutus.png);} #about1 {background-image:url(../images/contactus.png);} #about2 {background-image:url(../images/freelunch.png);} #about3 {background-image:url(../images/map.png);} #about4 {background-image:url(../images/meettheteambutton.png);} #nav a:hover {background-position:0 -100%;} #nav a:active {background-position:0 -200%;} Hello. First time here asking for help. Hope there's a solution! The site in question is http://www.jason-bradbury.com/Design.html. It's my first attempt at web design and I'm stumped. The goal is to present my art portfolio in a horizontal scrolling layout with a fixed header and footer. Ideally it would look identical across the many browser platforms. On a Windows laptop, my page looks and functions as it should in the latest browser versions of Safari, Google Chrome and Firefox as long as there aren't a stack of toolbars enabled. If toolbars are present (mostly in Firefox), the footer gets truncated and the page will not vertical scroll to allow it to be seen. So my first problem is getting the vertical scrolling (for the entire page including header and footer) to appear only when necessary in that situation. On my Mac Pro (I have not been able to test a Macbook yet) the page appears normal across the board with Safari and Firefox (have not tested Chrome or IE) The second problem is that in all versions of IE (and older versions of Firefox prior to 4.0) the page is displayed incorrectly. In IE, the header is missing, the left margin is way off and a vertical scrollbar is present for the body (again, if the vertical scrolling was for the entire page it wouldn't be so bad). As for the horizontal scrolling, it is very sluggish in IE. Firefox only has the vertical scrollbar in the body problem and since the header is shown in that browser, the body overlaps it when scrolled up. The page was originally designed in iWeb and then I had to tweak the code in Dreamweaver to get the fixed header and footer. Hope someone can help me out here! Cheers, Jason. I am making a website he http://musicalmadness.zymichost.com/index.htm In the links on the left there is a page called "Solo Albums" - this is the page I'm having trouble with. As you can see, I've made tooltips over the images listing the tracks of the albums. I've decided to make them position underneath the image. However, when they are activated they are shifting the entire page around. Is there a way to make it so they simply appear OVERLAYING the rest of the page? PLEASE look at CSS. Thank you! Hi, I'm looking to create my own version of a printer-friendly page. Any resources I can find on this subject are extremely specific about what they consider "printer-friendly", and they don't address my issue. It seems to be browser specific, but I want to get rid of whatever extra is printed in the top and bottom margins. Printed from IE, the top margin contains the page title and page information, while the bottom margin contains the URL and date. Printed from Firefox, the top margin contains the title and URL, and the bottom margin contains the page info and date. I don't want any of this - how would I disable it? Thanks. Hello, I created this Wordpress theme http://www.ilmondodeidoppiatori.it/news/ It's perfect with Firefox but if I open it with Safari, the whole central column goes below the rest of the content: how can I fix it? Thanks in advance Hello, I'm using FCK Editor in my web appliaction. When I try to insert pictures in text I'm using one table with align="left". Also under the pictures i have a description of the picture. In FireFox everything is fine and description is under the picture, but in IE description of the picture is on the right site. Here is the HMTL code that FCK Editor use when pictures are inserted: HTML Code: <table style="width: 144px; height: 209px" cellspacing="1" cellpadding="1" align="left" border="0"> <tbody> <tr> <td style="text-align: center"><img style="width: 146px; height: 157px" alt="" hspace="5" align="left" vspace="5" border="1" src="/_userfiles/image/Ronaldo.jpg" /><br /> <span style="color: rgb(153,51,0)">Test test tes</span><br /> </td> </tr> </tbody> </table> <p>This is some <strong>sample text</strong>. This is some <strong........ U can see what I get on my web site: http://www.macedonium.org/Macedonium...id=229&tid=876 See it in FireFox and in IE Thanks for the help Hi, Im new around here. Well, 5 minutes . I have been designing and coding a website for Football Manager, and have got pretty far. I have now got a problem. This is how I want it to look. And it does in IE. but in Firefox It doesnt Thanks. I get the impressions that td height= 100% messes with a lot of web designers. I am one of them. Someone please help me with my problem, or at least point me towards a resource that discusses this issue. Both of my files work fine on my PC in both IE and Netscape. However, they mess up on certain Apple browsers. I think Safari is one that they mess up on. I don't have an Apple, so I have no way to fiddle with them. http://www.customrocknyc.com/content/main/service.php http://www.customrocknyc.com/content/main/designer.php As you can see, I'm just try to get this star design to wrap around text of different lengths. Apple doesn't display the text right, it leaves half empty cells, and arranges the graphics badly. Can anyone make this page work? The code to look at is between these two tags: <!-- BEGIN TABLE THAT HOLDS COMPLETE GREY-PINK BOX --> <!-- END TABLE THAT HOLDS COMPLETE GREY-PINK BOX --> Hello All, Wondered if anyone could help. Have designed a website at www.kerrsminaturerailway.co.uk. The first problem is the JQuery slide menu nav bar does not match the width of the body. I've set the width of the nav bar as 100% on the CSS, and with both Firefox and Internet Explorer, there is a white gap on the right hand side. Any ideas how to fill this in and have a nav bar the width of the body? The second problem is I have two links on the banner area, to a Facebook and Twitter group, but both images appear to be hidden by the banner. How do I get them to overlap the banner? Many thanks in advance, we'd be grateful of any help on both, to smarten up the website. Peter I recently developed the following site: www.stripburgerlv.com If you view it in Firefox it may look just fine. However, in Safari, Opera or IE you'll notice that the right side of the white bounding box disappears. I dont understand?! Part of the image file includes that white edge so why would it not show up in those browsers? Thanks! Hello, I realize several threads have already been posted and that many of you dislike tables. I am having, however, a table issue that I think is only solvable through HTML adjustment of said table. In FF and IE8, my homepage looks excellent, just how I've laid it out. However, in earlier versions of IE (which the majority of my demographic still use), the layout of the table is askew. The remainder of my page is made up of various Flash movies, and I have tested that these are not the cause of the layout issue. The 2-cell table I have is being thrown for a loop (laying itself out to the right and stretching the site), and I'm not sure what the cause of it is. It needs to be left-aligned; below is my code: Code: <table summary="main content panel" align="left" bgcolor="#ffffff" width="535"> <tbody> <tr> <td align="left" width="15%"><img src="/images/369/images/content_image.png"></td> <td style="background: transparent url(/images/369/images/panel.png) no-repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; vertical-align: middle; text-align: center;" align="left" width="70%"><h2 style="font-family: Arial;"><font color="#0088ce" size="6">Project Initiative</font></h2><h1 style="font-family: Arial; text-align: center;"><font size="3" face="Arial">Valmont is currently conducting research on producing rice under mechanized irrigation in an effort to conserve water and energy, and increase profitability by bringing land into production, an initiative appropriately titled <i>Circles for Rice</i>.</font></h1></td> </tr></tbody></table> I'm unsure what the "scroll 0% 0%" through "-moz-initial;" is, the CMS I'm using has thrown that code in. (BTW - cannot get out of using CMS, which I would dearly love, this is a work project, so use what I'm given ) Here is why I think I still need to use a table: I need to be able to align two images (a photo and a border) but be able to insert text on top of the border. I had originally created this in Flash, but I totally spaced that I needed some text on the homepage so Google can index the text correctly. Is there another option to accomplish what I'm trying to do, one without tables? I appreciate all other options! Thanks! Hello, could somebody help me please?My archive does not show my older posts,I have got WP 2.7.Thanks. Vist My New Celebrity Site I am building a website in dreamweaver cs3. It displays normal in all browsers except an older version of IE (I think 6.0). I have read a bunch and have learned about float left and left margin problems with older IE versions. Nothing has helped so far. To make a long story short if you view http://whatwowart.com the right column where you sign up for newsletter etc. gets put under the whole page in older IE (I think 6.0). If someone could please help me I would really appreciate it. Thanks, John O Code can be seen at: http://whatwowart.com/code.html I'm having an issue regarding how my site looks locally as opposed to the uploaded version. Here is how it should look: http://www.cincitucky.com/available_worldwide.jpg Here is how it looks: http://www.cincitucky.com/ It looks fine on my local machine, online it looks busted. It seems like it would be a simple issue but I'm on day two of trying to figure this out. Any insight into this situation would be great. Hey everyone, got a problem with an element that is relatively, or absolutely, positioned (I've tried both methods and both produce the same results). Take a look here with anything but Internet Explorer: http://zachi.teamtreetops.com *Screenshots of whats wrong in IE* The "bottom" div element is off in both cases. ie5 ie7 Code: div#bottom{ height:11px; width:411px; background-image: url(images/bottom.png); position:absolute; } Complete style sheet Any insight on the issue would be much appreciated! I am looking for a way to make sure that each time a page is loaded, it retrieves the latest version off of the server without the user having to click Refresh/Reload. The page has news items on it and sometimes it doesn't load the updated page, but the page that is in the browser's cache. I know this option can be changed in the Browser's properties, but I want a way to do this automatically without requiring that users change this preference. |