|
HTML - From One Browser Layout To Another...
Hey all!
I am currently working on my first web project...a Japanese city network using IDN's. I used IE6 for testing from the ground up, but this week downloaded IE7 (at last!) Of course there were obvious display issues! My question is (as a total noob) should I be looking to get the layout I want via '.em' code use, or do I need to add a section of IE7 hacks to my CSS sheet? To visit the site to see what I mean got to xn--u9j358k96enkbl89i.com (punycode) which translates as Japanese (roughly) for JapaneseCities.com. This site displays fine in IE6, but in IE7 is messed up. I need to learn how to implement code that will help my sites to display the best with the most popular browsers - but I don't know where to start! Please advise.. Similar TutorialsHey Guys I have a problem when viewing my website in firefox. However, It works in opera, safari and Quanta's preview window. I have unwanted gaps underneath buttons images that have rollovers. Wrong: Correct: The code is: Code: <TABLE border="0" cellpadding="0" cellspacing="0">
<TR><TD><IMG src="images/sidebar_top.gif"></TD></TR>
<TR><TD><IMG src="images/sidebar.gif"></TD></TR>
<TR><TD> <!-- Home Button -->
<a href=""
onmouseout="document.btn_home.src=btn_home_nm.src"
onmouseover="document.btn_home.src=btn_home_hv.src" >
<img src="images/btn_home_nm.gif" border="0" name="btn_home">
</a>
</TD></TR>
<TR><TD> <!-- Opening Times Button -->
<a href=""
onmouseout="document.btn_opening_times.src=btn_opening_times_nm.src"
onmouseover="document.btn_opening_times.src=btn_opening_times_hv.src">
<img src="images/btn_opening_times_nm.gif" border="0" name="btn_opening_times">
</a>
</TD></TR>
I don't get these gaps on firefox if I remove the a tag like this: Code: <TABLE border="0" cellpadding="0" cellspacing="0">
<TR><TD><IMG src="images/sidebar_top.gif"></TD></TR>
<TR><TD><IMG src="images/sidebar.gif"></TD></TR>
<TR><TD> <!-- Home Button -->
<img src="images/btn_home_nm.gif" border="0" name="btn_home">
</TD></TR>
<TR><TD> <!-- Opening Times Button -->
<img src="images/btn_opening_times_nm.gif" border="0" name="btn_opening_times">
</TD></TR>
But then I don't have rollovers Does anyone know why this happens, and why it doesn't happen on opera or safari? Thank you Toshi hi, Im facing the problem, such as i have designd my web page using Frontpage 2007 now im faciing the problem such as when i view the page in IE it is fine. but in mozzilla it is scattered please help me out!! If anyone can help with this problem I would be very grateful. It's a problem I notice on a fairly regular basis so I guess I am over looking something when I am working with tables. Basically my table sizes look completely different in IE than they do in Firefox. Here is an example of a table I'm working on that appears massive in firefox yet is keeping its correct dimensions of height 287 pixels in IE. http://www.orolin.co.uk/prices.html Can anyone shed any light on this problem?. It would be much appriciated. Many Thanks, Jamie Hi, I work on a Mac, and have Safari, Internet Explorer 5 and Firefox. 1. What do you think I should be building my sites to? What do you use? 2. Also why do some sites work in all browsers? CSS hacks? Microsoft are no longer letting you download Internet Explorer for the Mac, from microsoft.com. Therefore all new mac users from February last year will not be using Explorer. Please help! Thankyou Tom does anyone know a browser that will only parse and evaluate valid HTML/XHTML based on what the doctype is and ignore invalid HTML/XHTML or generate errors. So if I had a XHTML doctype and my code was: Code: this is a XHTML document <br> this should be a new line I don't want the <br> to parse because I want something to trigger that is it not a valid XHTML tag since it is not closed. Any browser won't really care and just show the new line. I would have to validate it on the w3c website to find my error. So I want a browser that would give me these results based on my example code: Code: this is a XHTML documentthis should be a new line and then some sort of error saying "<br>" on line x is invalid. Hey guys should I be worried about coding my site for the IE 5.x series or should I just concentrate on IE6 and IE7 I have a small window that shows site logins by ip address. I open it with window.open and get exactly the proper display in the proper position. But, I'm stuck with the browser page that called window.open(). Is there a way to close that browser? I've tried things like window.opener.close() with no luck. Remember, I want t close the browser, not just a window. Thanks, Mac Hi, started making a website today. And since I'd like every one to see it properly I check both in MIE and FF. For the first time, I see MIE do something better then Mozilla -.- I built my frontpage in table-layout with sliced images. But I get a gap in FF. This does not occur in MIE. Here is my code: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rebits :: Welcome</title>
<style type="text/css">
<!--
body {text-align:center;}
#nav {list-style:none; word-spacing: 50px; font-family:verdana; text-align:left;}
a:link {text-decoration:none; color:black;}
a:visited {text-decoration:none; color:black;}
a:hover {text-decoration: underline; color:white; background-color:black; }
li {display:inline;}
#copyright {text-align: right;}
#bigkonijn {position: absolute; top:200px; left:240px;}
-->
</style></head>
<body>
<img id="bigkonijn" src="rebit-big.gif" width="300" height="500" alt="rebit-big (15K)" />
<table width="200" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td colspan="2" style="margin:0px; padding:0px;"><img src="header.gif" width="800" height="155" alt="Header" /></td>
</tr>
<tr>
<td colspan="2" style="background-image:url(nav.gif);padding-top:0px; margin-top:0px;">
<ul id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="begin.htm">How-it-started</a></li>
<li><a href="commov.htm">Comics&Movies</a></li>
<li><a href="contact.htm">Contact</a></li>
</ul>
</td>
</tr>
<tr>
<td><img src="left-front.gif" width="414" height="408" /></td>
<td><img src="welcome-right.gif" width="386" height="408" /></td>
</tr>
<tr>
<td colspan="2" id="copyright"><small>(c) Artem</small></td>
</tr>
</table>
</body>
</html>
Any ideas how to fix this in FF. Ps. I think this might be a problem of FF to make own margin-padding, but I don't know where exactly to put 0-values. I want to make a mobile phone version of my website. Does anybody know how I can get my index page to ind out what type of browser/device the visitor is using? i.e. if the visitor is browsing using a mobile phone I want them to be redirected to mysite.com/mobileversion/index.htm Can this be done? Leroy Hello to everyone, I don't know if this is the appropriate section for sucn an answer...but I didn't know where to put. My question is this: Can anyone provide to me a way so that I will check what browser the user has and load a page according to that information? I want to have Firefox, Opera and Internet Explorer checked. Could someoine help me please? Thanks. Testing a new structure. I have tried IE6, IE7, Opera, Firefox and would appreciate crosschecks on other browsers for Linux/OSX http://www.telfordsteamrailway.co.uk...e/newindex.php basically all I have done is added the right column with the fundraising links I would like to now if there are any layout issues or issues with the .swf player Thanks in advance Here is what I want to do: Basically there is an mmorpg game I play, and to play it you must download the client and install it. What I want to do is upload the files to a server and make a webpage in HTML that I can launch the game from, or embed it into the website, whichever works best. How would I achieve this? Thank you. I was wondering if it was possible to set us a code so that when someone is looking at my site in say Internet Explorer is would direct them to a site that displays the page how I have it set up for IE for them and one say for firefox and say safari. Thank you in advance, I appreciate it! hi guys ... i m developing a static web-page using HTML . When i run the page in IE, it works well but it is not supported at the same time by Mozilla . So, where might be a bug in the script? Hey guys, Just got up my new site, and3 other pages than the homepage, and was wondering if there was a quick and easy way to do a browser check? The site is www.scubatoo.net. I know ther are errors in Firefox, if anyone can speculate on those I would appreciate it. As well I don't think that earlier versions that 7.0 of IE work correct either. If there is a quick way to do this please let me know. Thanks, Ryan Hi all I'm new to html... I'he created one Html Page. Which comtains Frames. It is working fine in Firefox but in IE8 size is increased.. (Looking Like Zoom In) and Border of the Frame is not displaying in IE8. (You can see it in Images) so How to Make it look Similar on all Browser? Please help me to solve this.. Since all browser's are different, im trying to make a browser detection system for my website. the only problem is.. i can't.. I tried for several hours and have yet to make it work succesfully. Is there anyone who can make (or help make) a browser detection system for me? I would post my script but i deleted it. it would detect ie, but it mistook every other browser for google chrome. I have studied my code and for the life of me can't figure out why the header is not showing up in IE7 (windows). It shows up in all other browsers just fine. Can someone help me and take a look at my code and tell my what I may have missed? http://www.kingcrabshack.com/ Thank you for your time. Hey, I've just put my website back online, but I've got a lil' problem. My website shows everything perfectly when using Internet Explorer, but when openend with Firefox and others, most of the site doesn't appear as it should, pictures missing etc, is there anything I can do about this?, If so pretty please tell me! Greets, Brenda Hello, Wonder if you can help, i'm very new to coding, and i have an error in Dreamweaver showing as 'error parsing styles'. It effects IE 6. The code flagged is: body { background-color: #EED38D; background-image: url(images/background.gif); background-repeat: repeat-x; a img {border:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; color: #333; } } Hope you can help! Thanks, Joe |
|||||||