PDA

View Full Version : Cross Browser Translations


stunix
09-10-2003, 10:43 PM
http://www.dfim.co.uk/messageboard/images/tx3.gif

As there is much talk in these circles about "can a line of html be seen on netscape 6", or "css on mozilla" or "division scrolling on M$IE5.25" etc, I was wondering if anyone was as browser complient as they claim their code to be.

Hopefully we can all join together and produce some documentation on what will work on what, what is browser specific, and how to code for all browsers, and indeed, what neat lil tricks can be learned with respect to the DOM, and why when sliding a div in dhtml the curent top/left value needs to be parsed in Netscape but not in IE.

Here is one to get started. The below horizontal scrolling page was requested, and posted elsewhere by myself, however only playing with Mozilla, Konquerer, and IE, I must admit I really dont know much about what will work in what browser, and indeed if it can easily be translated.
As far as MotherNatrsSon and myself have assertained, this works fully on PCIE, scroll works on MacIE, and it doesnt work on Netscape.

here, test this on yer Lynx.




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="RTL">
<head>
<title>
Distributed by stunix under the GNU licence.
</title>
<style type="text/css">
body {overflow-y:hidden;overflow-x:scroll}
table {width:2000px; height:99%}
table a{font-size:20px}
</style> <script type="text/javascript">
<!--
function flip(){document.body.style.filter='flipv()'}
// -->
</script>
</head>
<body>
<table>
<tr>
<td>
<a href="#" onclick="flip();return false">
flip
</a>
<script type="text/javascript">for (t=0;t < 100 ;t++){document.write(t+" ")}</script>
</td>
</tr>
</table>
</body>
</html>