|
HTML - Page Looks Broken On A Mac But Is Fine On A Pc?
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 Similar TutorialsHello 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 I have recently seen the IE "Error on page" status popping up on my website http://www.bluchip.gg/home. The errors a Line: 322 Char: 7 Error: Expected ':' Code: 0 Line: 45 Char: 8 Error: Exception thrown and not caught Code: 0 Line: 206 Char: 37 Error: Unterminated string constant Code: 0 I'm using Dreamweaver CS3 and I've validated the page and everything is fine. I've looked through the code to find the places specified but all looks fine to me (probably looking in the wrong place! ). These errors come up on all my pages (I'm using a template so I think the errors are in that). Any ideas what is wrong? Hi All, im new here so go easy. this might be an easy answer. i am making this website and am positioning items around the site using div tags. the site looks just how i want it to in Firefox but when i open it in IE it has different sizes everywhere and does not match up. also i have a logo in the upper right of the site. how do i get this to resize when the browser size is changed? here is the sites code. <html> <head> <title>Maroondah Trailers</title> </head> <body BGCOLOR="807a7a"> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 0%; top: 0%; width: 16%; height: 97%;"></div> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 84%; top: 0px; width: 16%; height: 97%;"></div> <div style="background-color: White; position: absolute; left: 16%; top: 15%; width: 68%; height: 82%;"></div> <div style="background-color: ff3600; color: white; position: absolute; left: 16%; top: 15%; width: 68%; height: 4%;"></div> <div style="position: absolute; left: 60%; top: 3%; width: 30%; height: 40%;"><img src="pictures\logo2.gif"></div> <div style="background-color: black; position: absolute; left: 84%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 15%; width: 68%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 19%; width: 68%; height: .3%;"></div> </body> </html> heres what they both look like thanks alot Matt Hi the page in question is this one Removed, as I dont think advertising is allowed?, so i removed the link For me it renders perfectly in Firefox 3 However i noticed that in IE7, dont know about IE6 it sticks the whole page on the left, as if there were no formatting or .css file, this cant be true because Firefox renders it fine and the text is all in relation ot the .css file So please can someone help me with this, it is in PHP, but only a line really Chris I have a website hosted at discoverybyte.uuuq.com, and it is working great, except that the heading is displayed weird in IE8. It works fine on Firefox 3.5 though. In IE8 the heading menu is indented when I prefer it not to be. See the attached images for more help. Please note that as of this posting the code is on my website shown above. Any help would be appreciated. Ok, so i worked very hard for about 4 hours to make my page valid (click). Now, i worked out everything to work in firefox and safari and then installed opera and it looks fine in that, as well as in mobile safari (for iPod Touch). But, believe it or not, when i try it in IE, everything is completely messed up. I am extremely tired of me having to go the extra mile because the idiots behind IE dont know how to make a fricken browser. Anyways, with the rant out of the way, can anyone help me fix this up? any tips or ideas on what is causing this? http://Flysinger.com thanks, -ajp I've been customising templates on a CMS over time, mainly using a Mac for the editing side of things, but then checking on a PC with different browsers, of course. I carried out a few changes a while back and things looked fine in Safari, but not so fine when I checked them on IE7. An example: http://www.ukprwire.com/Detailed/Con...uk_11538.shtml Anyone know why the page is extra wiiiiide in IE, but fine in Safari? I've since checked it with Firefox and its fine with that one too. 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> <div class="form" onkeypress="function" style="cursor:pointer"> <div class="float"' ><img src="images/Icon.png" alt="<bean:message key="button.ex" /></div> <div class="float"' ><img src="images/Icon.png" alt="<bean:message key="button.ex" /></div> </div> Writing this code three time will creat 3 buttons with text content.First two is corectly generated but third one is broken where java is on first line and package on another line while corect one is java package should be in same line withing third button.any idea? Hello, This would be my first post here, but I require some assistance. I'm sure it's a very basic problem, and I'm sure I'm just not looking at it hard enough (I'm also aware the coding is sloppy), but can anyone possibly explain why the images are appearing as broken? It seems to me that they aren't broken...but it's stumping me. Code: <center> <table width="549" border="1" bordercolor="#ffffff" cellpadding="0" cellspacing="0"> <tr bgcolor="#ffffff"> <td width="549" class="style2"><center><font color="#000000"><font color="#000000"><font face="Verdana" size="1"> <table align = center> <tr> <td width = 150> <b> <center> <font color="#000000"> '66 Astros <td width = 150> <i> <b> <center> <font color="#000000"> <font size = 2> First Round <td width = 150> <b> <center> <font color="#000000"> '92 Blue Jays <tr> <td width = 150 height = 100> <center> <img src="http://img247.imageshack.us/my.php?image=9yawe88ejagf9jthh3h3lf1.gif"> <td width = 150> <center> <font size = 3> <b><font color="#000000"> @ <td width= 150 height = 100> <center> <img src="http://img247.imageshack.us/my.php?image=1415so1.gif"> <tr> <td width = 150> <b> <center> <font color="#000000"> <font size = 4> 2 <td width = 150> <center> <font color="#000000"> <font size = 2> <b> <i> Skydome<br> Toronto, ON <td width = 150> <b> <center> <font color="#000000"> <font size = 4> 6 </table> </table> Please excuse my ignorance, I am very new and teaching myself! I have placed an image on my server but it's not displaying when i view the web page. I know it has something to do with where the picture is placed on the server so i am obviously asking it to look in the wrong place. The reason I know this is if I place the image directly in the public_html folder on the server the picture shows up fine, but when i ask it to look in /images/"picturename.jpg" it displays the red cross. Can I just leave it in the public_html folder for the website? or is this not recommended? Sorry again if I am being stupid! I just uploaded my site to a new host (my onld one closed down) and I'm having a problem with on of the internal links. It works fine on with the files on my computer, but when it got uploaded, it stoped working.... Ive deleted and re-uploaded both the target page and the one with the link and i cant figure it out.... any help would be much appresheated (sp?) http://dragons-lair.ifastnet.com/ the "cool links" on the navigation bar is the one im having trouble with. Also If anyone has time, could you check thre whoel site for broken links..... im one dial-up (crappy dial-up at that) and the pages load VERY slowly I've copied this from a site's source code, but it doesn't work on mine. It directs you to the next page, whatever you answer. Here is the page: http://www.freewebs.com/jaceyanimation/ebook.htm Here is the code i made: HTML Code: <table align=center width='97%' cellspacing=10 cellpadding=2 border=0>
<form action='/signup_basic.php' method=post>
<tr>
<td><b>1. What is the street number of the orders headquarters ?</b></td>
<td><select name='5'>
<option value=1 SELECTED>9</option>
<option value=2>10</option>
<option value=3>11</option>
<option value=4>12</option>
<option value=5>13</option>
<option value=6>14</option>
<option value=7>15</option>
</select></td>
</tr>
<tr>
<td><b>2. What is Luna's last name ?</b></td>
<td><select name='5'>
<option value=1 SELECTED>Lonely</option>
<option value=2>Lilac</option>
<option value=3>Leona</option>
<option value=4>Lee</option>
<option value=5>Lovegood</option>
<option value=6>Lier</option>
<option value=7>Lehman</option>
</select></td>
</tr>
<tr>
<td><b>3. How much is a Unicorn Horn ?</b></td>
<td><select name='2'>
<option value=1 SELECTED>24 Galleons</option>
<option value=2>26 Galleons</option>
<option value=3>28 Galleons</option>
<option value=4>30 Galleons</option>
<option value=5>32 Galleons</option>
<option value=6>9 Sickles</option>
<option value=7>1 Knut</option>
</select></td>
</tr>
<tr><td colspan=2 align=center><br><br>
<input type=hidden name=action value=agree>
<input type=button value=' Go Back ' onClick="location.href='javascript:javascript:history.go(-1)';"> <input type=button value=' Download ' onClick="location.href='http://www.freewebs.com/jaceyanimation/downloadebook.htm';"></td></tr>
</form></table>
The answers a 12 Lovegood 26 Can Someone please fix this i have a website that has a few broken links on the footer (and only the footer of the page), i have the same footer / navigation bar (top and side) on every page, and all the links work on every page except the index. if you can help me find what's wrong with the index, please reply here i dont want to give out the source to my page to everyone. Thank's, -shannon (also the footer is the only navigation bar that has broken link's) This 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?? Hey, i want to have a button which when pressed notifies me, it is to tell me if a link is broken. I dont want it to open a new page though. Thanks in advance. I finished building my roll-out menus for firefox, but they're not working in IE. Moreover they get stacked on top of eachother instead of next to eachother. http://www.problem-solving.be/dir0 Can anyone help me how to solve it? Here's the related CSS: Code: /* Drop-down menu */
.nav2 {}
.nav2 ul {
list-style-type:none;
}
.nav2 ul li {
float:left;
position:relative;
z-index:auto !important /*Non-IE6*/;
z-index:1000 /*IE6*/;
background: #C7D0D7; /*url(images/css/css_cat_light.jpg) repeat-x;*/
left:-20;
}
.nav2 ul li a {
float:none !important /*Non-IE6*/;
float:left /*IE-6*/;
display:block;
height:28px;
width:90px;
line-height:28px;
padding:0 20px 0 20px;
text-decoration:none;
font-weight:bold;
color: #006699;
}
.nav2 ul li ul {
display:none;
border:none;
}
/* Non-IE6 hovering */
.nav2 ul li:hover a {
text-decoration: none;
}
.nav2 ul li:hover ul {
display:block;
position:absolute;
z-index:999;
top:3.0em-6;
left:-20;
}
.nav2 ul li:hover ul li a {
display:block;
width:88px;
height:auto;
line-height:1em;
/*margin-left:50px;*/
padding:2px 20px 2px 20px;
border-left:solid 1px rgb(175,175,175);
border-right:solid 1px rgb(175,175,175);
border-bottom: solid 1px rgb(175,175,175);
background-color:#EFEFEF;
font-weight:normal;
color:rgb(50,50,50);
}
.nav2 ul li:hover ul li a:hover {
background-color:#FFFFFF;
}
.nav2 ul li a:hover {
/*background: #DFDFEF;*/ /*#006699;*/ /*url(images/css/css_cat.jpg) repeat-x; */
/*color:#DEEEF3;*/
}
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover ul {display:block; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/
Thanks! On our website, when it switches to HTTPS, some images are broken... but it is at random. The next page load, the broken images are just fine... but others that were fine are now broken. Any idea how this happens? Everything works fine on FireFox, this is only on IE. I am using IE6.0 on WinXP. Perhaps it is just my browser settings causing this issue? To see it, you can access our website: www.frpgames.com add any product to your shopping cart, click on the checkout cart, then click the checkout button, then click "Checkout without account". That should be the first secure page. Any help would be great! This issue is driving me crazy. Hi Im new on here but am posting because my webmaster bailed on me and Im trying to fix a problem on my website. . . On my homepage I have a footer that is not appearing in the bottom of the page, it's in the middle and is very annoying because my HOME page looks unprofessional. . . Can anyone help me on how to fix this. My home page is www.rentxotic.com when you go there you will see what I mean. . . Thanks for any help. Hello webMasters!! I had a problem with my website the other day and someone helped me fix it almost immediately! THANK YOU! I came across another problem, this one is particularly tricky because I cannot find where the code is broken. . . under my website on this link. .. http://www.rentxotic.com/?page=exotic-car-fleet you will see some pictures of cars. Originally if you were to mouse over the cars, some specs would pop up. Now for some reason I do not know why the specs dont pop up when you mouse over. I saw all the code, I am a novice but nothing pops out at me that looks wrong. Would appreciate any help!!!! - Ryan |
|||||||