|
HTML - Html Validates But Page Still Broken In Firefox And Other Browsers - Ideas?
Hello there,
My index page validates completely since I tidied it up using html tidy, but when i run it through browsershots it is still completely broken in firefox, opera, etc. basically anything other than MSIE it displays incorrectly. If anyone could shed any potential light on the situation it would be greatly appreciated. As you can no doubt tell, I'm no expert on creating web pages using html and css and if a page validates but still doesn't work I can't even begin to try and work out what is going on I did run my css through a validator and it came up with 30 or so instances of the same error, I hadn't ended a dimension value with px, i had just left the number, could this be the culprit? I have since corrected my style sheet so that it validates completely but I cannot upload from my FTP on the PC i'm currently using to see if it affects the browsershots results. I just wanted to put it out there and see what the ideas were of people who know a lot more about website building than I do. Bottom line: if i have an html page and a css page that validate 100% using the w3c standard is it guaranteed to work in all browsers, or are there quirky little things I need to be aware of when wanting my site to display correctly in less popular browsers such as safari etc.? Any feedback is greatly appreciated. :-) Sincere thanks in advance, Alex Browser screenshots - http://browsershots.org/http://www.alexhaines.co.uk/ HTML Validity results - http://validator.w3.org/check?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Findex.html&charset=%28detect+automatically%29&doctype= Inline&group=0 CSS Validity results - http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Fstyle.css&profile=css21&usermedium=all&warning=1&l ang=en My site - http://www.alexhaines.co.uk Similar TutorialsThis is the webpage I'm updating for someone: http://savannahrhythms.ca/events.html In Firefox it looks perfect but in IE, two random images on the left side cannot show and the big poster on the right isn't flush with the top... WHAT DO I DO TO FIX THIS PLEASE?? What are the common issues with websites not being properly displayed in Firefox? Reason is due to my website being displayed correctly in IE but when switching to Firefox the site suddenly breaks apart. Any ideas? My page scrolls and it shouldn't! Any ideas...? or can I not see the wood for the trees? Link Hi again guys, I have a new problem this time! On this page on my website: http://www.modular9.co.uk/artists.html I have it that when you rollover a link it changes from the artist's name to the collective name and back again. Obviously this causes a few problems such as the length of 'modular9' is shorter than most names so because they jump up a line when it is rolled-over the whole script freaks out and you get a mess. I was just wondering if you knew of any other better script that would keep the same dimensions of the original text or some other idea you could share? My script for this is: <a href="#" class="links" onclick="MM_openBrWindow('artists/richardcook.html','modular9','scrollbars=yes,width=457,height=600')" onMouseOver="this.innerHTML = 'modular9';" onMouseOut="this.innerHTML = 'richard cook';">richard cook</a> Highlighted red is the main rollover change. Any help/idea would be most appreciated! Thanks again Richard Help. I made this page for a client but he tells me it is misaligned when he browses the page on his mac(both firefox and safari) http://www.freewebs.com/fernandosdesign/detox.html It looks perfectly fine on a pc (firefox and ie) any idea whats happening and how I can correct this issue? Thanks guys http://www.freewebs.com/fernandosdesign/detox.html Hello everyone, I've been racing to learn html/css in the past couple weeks to throw up a website, and so far so good. But: I've searched the internet and I cannot find an answer to my questions. The page in question is: http://www.andrew.cmu.edu/user/jonmille/projects.html style sheet (relevant section is in the "Programming: List Settings" section) http://www.andrew.cmu.edu/user/jonmille/style.css You can see that the gray borders under the text/images have a small break in them. I assume it has something to do with the fact that I'm using two columns. How do I fix this and make a solid border (in a non hackish way)? Note: if you say "use css/divs," I wrestled with those for about two hours before I gave up and made a table. Secondly, in IE7, all the images/text are completely flushed left, ignoring the table padding. How can I fix this? Note, I've never checked this site in IE6 or below, and never will, so if it looks wrong in IE6, then the user doesn't deserve to see my site anyway. Thanks for your time! Jon Ok, its a pretty simple explanation. Basicaly, i want to know how to have two different webpages up at the samer time, but in the same broswer. Is there some kind of code that will contain the page to the box, so i can have two or three boxes on one page, each with a different site. If you dont understand then i will go into more detail. I play a game called runescape (www.runescape.com), but i want to watch online movies (www.filmhill.com) while i train on the game. Normaly i have to screens up, and it gets really confusing. Is there a way where i can make a custom page, where i can have both the movie and the game on the same screen? Thanks, Nathan My teacher has given me an assignment that asks me to use target, but I guess he didn't know that target doesn't validate anymore. So my lab teacher told me to look into javascript for a replacement that does because they can and will screw me on their mistake. So I just need it to work on the standard a href=" " code. I took an HTML class which covered the basics and some CSS and Javascript. I got a few questions about some problems I'm having with a website of mine. Site: www.lugify.com 1) I'm using: #main { position: absolute; } to Position my logo at the top, and the other box with the comment area in it. Now when I view this on different browsers and computers it comes out distorted. What my best bet of positioning to simple areas like my website would contain. (the logo and the blue rectangle below it). 2) We never covered sending form information to a .ASP page? I think its something like that. I want to be able to get the form information that people enter into the form, sent to another page that can be viewed by anyone who goes to it. (Kinda like a blog format, so each form posts is printed neatly by time). But I want them to be redirected to a page that simply says "Thanks for ordering blah blah". This way my employee can go to the other page and view the orders. Thanks for any help received! Anthony I have found out that the <center> tag </center> is now obseolete eventhough broswers still display it. I was wondering on how i go about centering text so that it does validate according to xhtml standards. Thanks. 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%;}
Just wondering if someone out there is able to quickly spot the horrible quirk in the HTML on this page: www.vergola.co.nz/contact.htm It renders fine in Firefox and Safari, (ie the page content is at the top of the window) but in IE the content appears way down the page with a large white space above it. ( I hate IE so much) The page has been edited by numerous people of varying degrees of knowledge so the whole page is a bit of a mess... Thanks so much! I'm a designer with a working but by no means expert familiarity with html and css. My products are bundles that include photo slideshows, video and audio clips, text and links to pdf and tif files. They are distributed on dvds and thumb drives. I've been using Flash to assemble them. I understand that Flash is on the way out, at least insofar as HTML 5 is already able to do the many of the same things without the need of a proprietary browser add-in. I understand it is already capable of doing everything I currently do with Flash. My question: which if any of the current browsers are capable of performing all of these functions? I currently bundle Flash Player with my products, but I'd much rather bundle a browser. Thanks in advance, P Hello, I tried searching on the internet for my question, but strangely have yet to find anything. Hopefully something will turn up soon - but here is my question in the meantime: I have a webpage that has a flash sequence that you must click on to take you to the rest of the site. But for browsers that don't have flash (like phones), I want that flash sequence to be replaced by some html code - like an image that you can click to take you to the site. I feel like that's a pretty basic question - so if you know the answer, I would really appriciate your help! Thanks!! I have created a custom html dropdown menu for my site. The thing is it looks perfect in Firefox 5.0 (for me it does anyway) and works just as expected but in other browsers such as Opera 10.60, Chrome 5.0.375.125, it doesn't work properly. and it works semi ok in IE 8. For example if I hover over one of the menu buttons in opera or chrome there is meant to be a drop down box, this doesn't show in Opera or chrome but does in IE? You can view the menu on my test site - http://www.themidwiferysanctuary.com/testsite/ There is more to the menu, you can use the following log in - Username: Jade Password 130489 Does anyone have any thoughts on how to get the dropdown compatiable with all (or most) browsers? I would post the code but it won't let me even when using the code tags.......... If you want to see the javascript code then please just let me know. Im not sure any of the above makes sense?? Thank you, Jade Can someone please tell me why only the /features.html page of my site in IE shows up broken like the picture I have provided below along with the source code? All the other pages in IE show up fine. And ALL the pages show up fine in Chrome and Fox. Again all the pages show fine in IE except http://www.richandbalanced.com/features.html I checked the html and the layout is the same for everypage I think? Please help, and thanks. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Rich and Balanced™</title> <meta name="description" content="Start Creating the Life of Your Dreams Today!" > <meta name="keywords" content="Rich, Balanced, Life, Money, Health" > <meta name="author" content="Samuel Sweis" > </head> <link rel="shortcut icon" href="image-files/"> <link rel="stylesheet" type="text/css" href="support-files/style.css"> <body> <a href="http://www.richandbalanced.com"><img class="displayed" src="image-files/richandbalanced.jpg" width="498" height="108" alt="Rich and Balanced logo" border="0"><a/> <div class="reight"> <div id="rbleft_sidebar"> <br /><br /><br /> <p class="welcometab"><a class="lb" href="index.html">Welcome</a>    </p> <p class="exploretab"><a class="lb" href="rich.html">Overview</a>    </p> <p class="estore"><a class="lb" href="rich.html">eStore</a>    </p> </div> <div id="rbcontent"> <h1>Rich and Balanced</h1> <p> Have you ever asked yourself: Am I eating healthy? Am I in shape? Am I making enough money? Am I getting what I'm worth? Am I amongst loving family and friends? Am I doing a good job as a parent? Am I surrounding myself with positive music? Am I reading enough? Am I reading the right types of books? Am I taking care of myself? Am I worried about what others think? Am I seeing the big picture? </p> <p> The features available to you through Rich and Balanced™ answer them all. Click on any of the exclusive and custom content links listed below to experience a preview: </p> <h1>Exclusive & Custom</h1> <p> · <a href="nutrition.html">Healthy Premium Recipes for your Nutrtion</a> [Updated Monthly]<br /> · <a href="features.html">Workouts for your Fitness</a> [Updated Monthly] <br /> · <a href="features.html">Money plans for your Financial Growth</a> [Updated Monthly] <br /> · <a href="features.html">Growing Love Filled Relationships</a> [Updated Monthly] <br /> · <a href="features.html">Inspiring with Parenting</a> [Updated Monthly] <br /> · <a href="features.html">Audio for your Listening</a> [Updated Monthly] <br /> · <a href="features.html">Music for your Enjoyment</a> [Updated Monthly] <br /> · <a href="features.html">Literature for your Reading</a> [Updated Monthly] <br /> · <a href="features.html">Message Board Forums for your Interaction</a> [Updated Monthly] <br /> · <a href="features.html">Questions Archived with Answers</a> [Updated Monthly] <br /> · <a href="features.html">How to Guides covering The Rich and Balanced Areas™</a> [Updated Monthly] <br /> </p> <p> Have any questions? Comments? Suggestions? Feel free to use the "Send Me A Message" tab located in the upper right hand side of this page. For information on obtaining full access to Rich and Balanced™ <a href="fullaccess.html">click here</a>. </p> </div> <div id="rbright_sidebar"> <br /><br /><br /> <p class="messageme"><a class="lb" href="message.html">    Send Me A Message</a></p> <p class="features"><a class="lb" href="features.html">    Features</a></p> </div> <div id="rbfooter"> <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=205838536125629&xfbml=1"></script><fb:like href="facebook.com/richandbalanced" send="true" layout="button_count" width="15" show_faces="true" font=""></fb:like></div> </div> </div> <iframe src="balanced.html" width="100%" height="100" frameborder="0"></iframe> </body> </html> Hi, Background: I have a small page that need to be embeded into a bounch of other html pages. Help needed: 1. Please provide the html chunk that I can use to embed the small page in to other html pages. 2. Is there a way of not using iframe? Can I use <Object> or <embed>? How? --------------------------- mba colleges in london hospitality management diploma HI everyone, I am in process of creating a sample page. I need to pass values from one HTML page and i should get those values in other page. For example i have used two sample pages like, sample.html l<html> <head> <title> My first page </title> </head> <body> <a href="sample1.html" id="1001">Welcome to html </a> </body> </html> sample1.html <html> <head> <title> My second page </title> </head> <body> <a href="sample1.html">Sample HTML page values came here</a></body> </html> I have used those two sample pages and i need to get the value of id="1001" in sample 1.html page could anyone help me to solve this problem. Thanks in advance Regards, Martin I believe in thread titles that get to the point. I have a basic page, when the page loads I want people to see the top of the page for a few seconds while a flash starts to load but then I want the page to scroll down a bit so the visitor can see the flash load progress status. I just want code that I can copy into my page. I don't have access to the flash code. Greg (the page under design) www.mytcanada.com/designer.html I have a programmer in the US who starts pages for me and then I much around with them until it's looks like I want. He helps me when I get stuck but he's on holidays. Any help would be great. Hi guys. I'm working on a website for my shop, using html, php and mysql. At the moment I'm using frames but don't really like how it looks. have a look at www.jroche.com/shop I think it looks very cheap. Just wondering does anyone have any suggestions as to how i could improve it? I'd really appreciate any comments or code suggestions anyone could make. Ideally id like to have it all in one page, as opposed to using the frame layout im currently trying. I'm only working on it now so some links don't work. Thanks |
|||||||