|
HTML - Looks Great In Ie But Not In Firefox??
Hi there, im trying to set up a new website to increase some sales and I am working with dreamweaver, a good friend of mine (also a small business owner) has given me access to his file directory and allowed me to use his templates and files from his webpage. I have changed all the pictures and the text to what i need and loaded it into my file directory and it looks wonderful in Internet explorer but in firefox (which is 25% of my traffic) it looks horrible, the boxes are all in the wrong places??
But when i go to his website it looks fine in both IE and firefox? I was wondering if anyone out there knew what what cause this? the site is alarmsecurityaz.com Similar TutorialsThis is for a myspace layout (yes i know those are dreaded words to any web developer) . As the title says it works fine on firefox but hangs up severely on IE This is the only block of code i've added. If anyone can help i would appreciate it greatly! <style type="text/css">body{background-image:url("http://i4.photobucket.com/albums/y146/RyanVessell/myspacebg-1.jpg"); padding-top: 625px; background-attachment:fixed; background-repeat:repeat; background-position: center; }table, tr, td {background-color:transparent; border: 0px; padding:2; }</style> <style type="text/css"> table table tbody tr td { background-image:url(http://i209.photobucket.com/albums/b.../tablebg.png); background-position:top left; background-repeat:repeat; padding: 2px; } </style> <style type="text/css"> td, a, body, table,p {font-family:Verdana; font-size:10pt; color:4f4f4f;} .blacktext10{color:b30000;} .blacktext12{color:b30000} .btext{color:white} .lightbluetext8{color:6f6f6f} .nametext{color:b5b5b5} table tr td font strong { color: ffffff; } .orangetext15{color:890303} .redbtext{color:silver;} .redbtext12{color:b30000;} .redtext{color:b30000;} .redtext8{color:white;} .text{color:890303;} .whitetext12{color:620202;} .redlink{color:890303;} .headlinetext{color:ffffff;} a:link{color:ffffff} a:hover{color:b80000} a.navbar{color:b30000;} a.navbar:link{color:7b7b7b} a.navbar:hover{color:620202} a.redlink:link{color:7b7b7b} a.redlink:hover{color:620202} a.searchlinksmall{color:FF4500} a.searchlinksmall:link{color:ADD8E6} a.searchlinksmall:hover{colorAA520} </style> <style type="text/css"> .contactTable { width:300px !important; height:150px !important; padding:0px !important; background-image: url(http://www.corvuscreative.net/images/contacttable.jpg); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td { padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px !important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px !important;} .contactTable .text, .contactTable a, .contactTable img {filter:none !important;} </style> I am quite in shock that I just found out my page looks horrible in IE. I coded it myself, but I don't know what to do. If anyone could please take a look at the code for this page: http://www.thegearedinvestor.com I would really appreciate it. As you can see in IE, the second column is shifted all of the way down to the bottom, where it should be right beside the left column. The code for this starts at the line: <div id=centercolumn align=right> <script type="text/javascript" src="http://feedjit.com/coFilter/?bc=FFFFFF&tc=494949&brd1=336699&lnk=494949&hc=336699&ww=160"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript> <br><!-- closes innercentercolumn2 --> I'll continue to work on it, but any help would be amazing. Thanks in advance! Thanks to everyone and that includes the owner(s) of this website I'm a newbie at coding, learned a lot of stuff here have a nice day Very good forum,and is useful to my business,hope learn more from everyone here! Thanks 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. Hi There again, I didn't think I would be posting again so soon, however I have decided to play around with building a site for my personal company which does not even exist yet. I just downloaded a free version of Page Breeze which I am sure most of you have heard of and was wonering if it is any good from a "professional" stand point. Being a "newbie" or "rookie' myself and have only played around a little bit on it, it seems very user freindly. Is there anything out there in a "free" version that is better or is there a fairly inexpensive HTML editor out there that is GREAT? Any help or suggestions would be greatly appreciated. Thanks Hi there Been a while since i posted Need a bit of help if possible. Its pretty basic but hope someone can help. When i change the size of the window me writing and graphics in my page move to fit. i want to try keep them so they are stuck down where they are. Can anyone help ? for reference my site is http://uk.geocities.com/onix36div@bt...com/index.html Thanks in advance I'm fairly sure that this is a quite a common thread, yet on doing a quick search of the forums couldn't find anything that matched my exact needs. So..... My site looks great in FF but not in IE and i need some help. http://tp.eyeoftime.co.uk/index.php (there is no php in the file yet, despite the extension) Ok, thats my site, as you can see there are problems with tables and images here. The site as viewed in firefox, is what i want the site to look like, the site as viewed in IE is how IE thinks i want the site to look like .Although i'm not a beginner with html, I am rather new at trying to get real cross-browser compatability. So, yeah, any help much appreciated. PS i know the page contains xhtml errors (fails validation), its still a work in progress. Hi there, I have come across a great piece of code work. See the 'Feedback' option at the bottom of this page: http://www.adobe.com/products/ I would so like to incorporate the same on my website. Would greatly appreciate assistance with code. Best, wirefree I've tried searching on google but I always come across a lot of sites where you have to pay for stuff. Ok, here's my thing... I'm not a professional web designer or anything. I only do websites for myself and friends if they need. I'm more old school with it, meaning I type out the HTML codes myself mostly. I learned about webdesigning back in like 1997 when I first got on the internet. So now i either make very basic websites in photoshop or I use templates. I see soo many nice websites being created now and i really want to learn alot of the advanced stuff that people are using to design their websites now, especialy these fan made websites for these singers and actors. Examples: http://www.amerieweb.com http://www.a-peet.org http://www.brittany-charm.org Anyway, do any of you know good tutorial sites? Do I need Dreamweaver and other programs to design like these sites? Thanks in advance. Here's the link: http://www.thoughtcrux.com/blog/html-heading-guide Well Iam a Owner of RsIllusion The next Biggest Rs Fansite/help Community Forum Iam trying to Host a Easy and Free Website that Allow me to Add Runescape Price Checker ( a tools that let people put in Rs item and it tell you how much it cost At the moment) like the one in Zybez.com and a Tools helping people Design a Rs Signature and Treasure Trail Locator I wonder if there any Html Code that is Fully Work For Runescape Price Checker ( like Zybez) Runescape Quest ( like Tip.it) Treasure Trail Locator Anything that Good for a Rs Help Site Thanks if you know please reply Hello, I am pretty new to the whole html world so forgive me if this is a simple problem. I have look all over for a post explaing this problem but i haven't found anything. I am making a site for a friend using Dreamweaver. I know i know, i regret not coding it from scratch but its too late now. Anyways I have a pretty good page layout going now but I have ran into a problem with loading my images. On my home page an image in a table nested inside another table will load when viewing in safari but seems to disappear in firefox. What is going on? Its a pretty simple piece of code. I place; <img src="Pictures/RDV couplepalm.jpg" width="200" height="" style="float:right; padding: 8px; margin-left:10px; margin-bottom: 10px" / inside of a paragraph in a row of a table. I have rewritten the code for this image, copied it from a working image and screwed around with the table heights (although I wasn't too sure what i was doing). What else should I try? I have attached screen shots of the site in both browsers a copy of the problem jpeg aswell as a copy of the html. Any information anyone could givee me would be REALLY appreciated! Thank you. I am new to design but can already tell that a majority of my time is spent on tinkering with my pages to make them appear correctly in the very picky and buggy IE7 while my pages appear just fine in Firefox. I am wondering if anyone knows of a good resource site that lays out tips on how to get around the tricky parts of how IE7 displays pages. Hi, I am trying to get my site in IE look the same as it does in Firefox and Safari. What happens is one of the table rows jets off to the right side of the page, or at least that is what appears to be the problem. The site location is www.destinationservicesnw.com If you open in IE and then Firefox you will see what I mean. I've tried the validator and nothing useful came back. Any ideas? Thanks in Advance. It has been brought to my attention by my customer, whos website I designed, looks different in FireFox. What I have noticed is his google adsence is shifted all the way to the right, which pushes everything below it down. I have it in the table set to align left, but firefox seems to ignore this... any ideas? the site is http://www.tegbs.com Usually when Firefox and IE differ, firefox is correct. It may still be the case here as well, but I think I prefer how it looks in IE. I have a header next to an image, and the header appears next to the image in IE and under it in Firefox. Code below, any help would be great! <div id="content"><div class="img-shadow"><div id="logo"><a href="index.html"><img src="images/about.jpg" alt="Logo" width="180" height="226" border="0" /></a></div> </div> <div class="tagline"> <h1> </h1> <h1>About the Collection</h1> </div> <br class="clearboth" /> <p class="style1"> and the CSS: #content p { margin: 1em 2em 2em 0; line-height: 1.5em; Hey Everyone, Brand new to the website and need a little bit of help. I have been working on designing a page for my company through a template which is linked to a cyberstore. I was viewing and testing it in IE...but when we switched to Mozilla firefox it is extremely messed up. The logo has shifted completely. Is there any code that will format the logo to stay in the same place when viewed in both browsers? I am also having a hard time with Mozilla firefox reconizing the roll over states that IE is recongnizing(Thats in the CSS). Any help would be appreciated. -Amanda I have recently designed a website on Google Chrome...And after finishing it and opening it on Firefox and IE, I was surprised by the strange look of my site...The widths and tops and everything of CSS of boxes I did look completely different...I tried to add DOCTYPE and stuff like that and still it makes no sense but makes the same issue with Google Chrome too and when erasing it..The site runs on google chrome properly but not in IE and Firefox...Please help me fixing this problem... My site: http://islamdiaa.selfip.com/ |
|||||||