|
HTML - Chrome=good, Ff Pc=ok, Ff/saf Mac=not Good, Ie=bad...why?
I've made a lot of progress on my website:
Bands 4 Babes but I'm still struggling with getting everything to look the same on all the different browsers. Basically what I'm finding is: Chrome and Safari (PC) - Displays exactly as I want it to Firefox 3.5.2 (PC) - Displays properly except for the Home link in the purple bar is a few PX too far left and the --- above home is a line too high Firefox and Safari on Mac - FF exhibit the same problem as above, but most fonts (sizes and faces) are off on the mac versions. This also throws off alignments of other stuff. IE8 - Two solid lines on top and bottom of page are a few pixels too low which ruins the continuity of the box frame I created. If somebody could take a look at my code and give me some thoughts on what the problem is I would really appreciate it. Thanks. Similar Tutorialsthere is my code. any reason why it looks good in chrome/safari but it looks bad in mozilla? in mozilla it has a bunch of lines going through it and the images are all seperated. any help would be much appreciated. Thanks, George Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>share</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
body {
background-color: #ffffff;
background-image: url(../background-for-website.png);
background-repeat: repeat-x;
}
#apDiv1 {
z-index:1;
}
</style>
</head>
<body>
<!-- Save for Web Slices (share.psd) -->
<center>
<table id="Table_01" width="792" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img id="share_01" src="images4/share_01.png" width="791" height="155" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="155" alt="" /></td>
</tr>
<tr>
<td colspan="5">
<img id="share_02" src="images4/share_02.png" width="791" height="137" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="137" alt="" /></td>
</tr>
<tr>
<td colspan="5">
<img id="share_03" src="images4/share_03.png" width="791" height="142" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="142" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img id="share_04" src="images4/share_04.png" width="544" height="70" alt="" /></td>
<td> <div class="apDiv" id="apDiv"><a href="http://www.facebook.com/sharer.php?u=https://www.facebook.com/pages/itunes-cards-for-free/200510223345141" target="_blank">
<img id="share_05" src="images4/share_05.png" width="137" height="21" alt="" />
</a></div> </td>
<td rowspan="4">
<img id="share_06" src="images4/share_06.png" width="110" height="257" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="21" alt="" /></td>
</tr>
<tr>
<td rowspan="3">
<img id="share_07" src="images4/share_07.png" width="137" height="236" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="49" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img id="share_08" src="images4/share_08.png" width="319" height="187" alt="" /></td>
<td><a href="../page 5/redeem.html"><img src="images4/button.png" onmouseover="this.src='images4/button-3.png'" onmouseout="this.src='images4/button.png'"/></a>
</td>
<td rowspan="2">
<img id="share_10" src="images4/share_10.png" width="75" height="187" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="30" alt="" /></td>
</tr>
<tr>
<td>
<img id="share_11" src="images4/share_11.png" width="150" height="157" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="157" alt="" /></td>
</tr>
</table>
</center>
<!-- End Save for Web Slices -->
</body>
</html>
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. The bottom section of this page looks good in IE but not in Firefox... anyone know why? Here's a screenshot of the Firefox page: http://www.massagelaunch.com/firefoxtableproblem.jpg and you can see the IE version he www.massagelaunch.com (scroll all the way to bottom) Good morning: I'm doing okay in the search engines, but I wonder if this is a good header: <HTML><HEAD><title>BestStudentViolins.com - Stringed Instruments and Sheet Music for Contemporary Musicians</title> <META NAME="Author" CONTENT="BestStudentViolins.com" /> <meta name="keywords" content="violin,viola,cello,bass,cases,bows,student violin,student violas,mandolin,guitars,sheet music,sheet music, free music / > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / > <meta name="description" content="beststudentviolins.com/ - BestStudentViolins.com/violins.html - Stringed Instruments and Sheet Music for Contemporary Musicians" / > <meta name="Identifier-URL" content=http://beststudentviolins.com /> <meta name="Classification" content="beststudentviolins.com/ - Stringed Instruments and Sheet Music for Contemporary Musicians" / > <meta name="Author" content="beststudentviolins.com/" customerservice@beststudentviolins.com / > <meta name="robots" content="index,follow" / > <META NAME="rating" CONTENT="General" /> <META NAME="revisit-after" CONTENT="15 days" /> <META name="resource-type" content="document" / > <meta name="copyright" content="Copyright (C) BestStudentViolins.com. All rights reserved." / > <meta name="distribution" content="global" / > ?? Thanks! I'm trying to create a spreadshirt layout that can go good with my website... freewebs.com/stevenwang Anyone have any ideas? litclothing.spreadshirt.com Hi everybody, I am building a new website, and I have a browser compatibility issue. I'm using a table - and I'm looking to have a border, thin blue bar, text, thin blue bar, then border. My HTML displays fine in Firefox, but it looks like junk in IE (fat lines MUCH larger than 5 pixels!). Can you help me by telling me why? Thanks Jason ----------------------------------------------------- <table> <tr height=5px> <td> </td> <td style="background-color: blue;"> </td> <td>My Text</td> <td style="background-color: blue;"> </td> <td> </td> </tr> </table> I have a webpage I put up and I have ie9 but I noticed under my daughters ie8 browser the fonts are all a diferant size. Checking the screen resolution on her laptop it is the same as on my comp so it must be the browser. I do not want to list the url to this page because I do not want the page listed in the search engines. So I attached as a txt file. Is there a fix for this? I know the header sucks under any screen res. but it is the fonts I am worried about. They are a differant size under ie8. So, I have my logo which is a GIF with transparent background. I have placed it on a webpage that has a solid background using CSS. As my deveopment has been with ie8, its all been fine. I tried it on another computer which has ie7 and the image looks rough. The outside has a small white border and it does not sit nicely oin the background. I upgraded it to ie8 on that pc and now it all looks lovely again. Is there something I can do to make it look better on ie7? Trouble is, that's the only pc we have that had ie7 on it so I don't know if its all ie7, or something was up with that install. Thanks in advacnce. Kindly let me know if I can get professional templates which can be amended according to one's needs. hello; I only recently discovered iframes, that you could load a webpage into them; I have decided to rebuild my online portfolio whereby when a user clicks a thumbnail the appropriate web app will load into the iframe; however before I go too far down that road I thought maybe someone could mention some pros and cons; one specific question: is there an alternative?? thanks dsdsdsdsd REally, I don't have that much time to be an expert at HTML or CSS - but was wondering what CMS' are quick to learn that has a lot of templates. I know WordPress is one - just wondering if there are anymore...I'm sure there is. I'm very good w/ SEO and Adwords - however, I stink with web design. I know HTML and CSS and have helped clients over the last two years w/ SEO - however, I want to venture off into IM for myself. Since I'm pretty bad w/ design - would you guys recommend WP or something else? Do you know any good podcasts ? (psd to xhtml) I want learn how to convert psd to xhtml+css... Hi, My latest web site developement was very heavy loaded with images, in fact probably 90% of the site is images. I decided to use image maps on most of the pages and was wondering if there are any downsides to image mapping apart from not being to good for the search engines. If anyone has any comments or advice from past experieince i would really appreciate the info CC_DESIGN I've got tables in my website, which you can view here, if you want. The problem is they look a bit rubbish. They have a 1 pixel border and i'd quite like to take it down to, say, a thin black line rather than those horrible thick white border lines. So how do i do this in html? Thanks. Just stumbled across Frameset and realised how i could use it in my website to achieve modularity & abstraction, stops code duplication. Also prevents random browsers to look at my web code, good design, right? I've got a navigation bar that is the same for all pages so i dont want to replicate my code throughout my pages to achieve the same layout. So is Frameset good or bad? Once again I have no idea where this post should go. Please move me and accept my apology. Here's the deal: I want to help out someone who has limited programing skills. Also, I don't want to give them access to my server. I am looking for a free program where she could add javascript and html code to the site for affiliate links and banners. I need her to work completely from the back end of the program. Plus, I don't want to baby sit her site either, just set it up and let her have at it. Would a blogging program be able to do this? I don't blog, so I'm not sure what's best. She's been pushing Cash Crate on a freewebs site and actually making money! So I know she can do better with better affiliates if she just had a chance. Hi Guys, I have created a basic secure login for members to my site. There is noting really secure on the members area but it started me thinking on what I can do in order to improve security. Does anyone have a set of steps they follow when creating a login using php and html pages? How do I stop people just going straight to the succesful login page and bypassing the login screen for example? Thanks all Hi everybody, For some reason, my site sucks in IE but it's good in FireFox. When I view it in IE, the tables are all out of wack, and it doesn't look right, but it looks fine in firefox. The site is http://74.53.110.194/~redstar5/ thanks for your help, treadstar I m wondering which hmtl editors everyone here prefers. I have downloaded HTML-Kit & Page Breeze but I am not the sharpest tool & I end up getting frustrated as I need a more user friendly editor. Something for the ADHD adult I really won't be using advanced things like media for now, only basic HTML & CSS. What I am trying to accomplish is to get a website done without media or movable images. Also, someone told me that there are some editors which come with ready made commands, for e.g maybe such as creating a table by just clicking anywhere. Of course, I will have to specify other things. Are there any editors which automate a lot of your work & save time? Thanks a lot. |
|||||||