Hi everyone,
I just realised that DIV isn't compatable with Firefox, just internet explorer.
Anyone know which browsers it works with, or which it doesn't?
I was using div to position some text and images.
Also, does anyone know if they plan on making DIV compatable with all browsers?
Thanks!
Jonathan
<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e --> is supported by all modern browsers.
Give an example of your problem.Oh ok.
Well, i think it may be the positioning in the DIV. Wether it's positioning text or nav buttons, when viewed with firefox, it's all smashed up into the top left corner. Here's an example of the flip-image nav button:
<DIV style="position: absolute; top=320px; left=131px;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onMouseover="if (document.images) document.images.main.src='main2.gif'" onMouseout="if (document.images) document.images.main.src='http://www.webdeveloper.com/forum/archive/index.php/main1.gif'"><img src=http://www.webdeveloper.com/forum/archive/index.php/"main1.gif" name="main" border=0></a><BR>
</DIV>
The code for positioning the text is the same:
<DIV style="position: absolute; top=180px; left=400px; width=500px;">
Text goes here.
</DIV>
Any ideas? It works fine in IE, just not firefox.
Thanks!
JonathanHi-
Elements are influenced by those that came before them
in the document 'flow', so we'd need to see the whole enchilada
in order to really pinpoint the problem.
mantra #6:
"Code for Firefox; Tweak for IE."
Good luck,
El
P.S. Running your code through the w3c's validator service is a pretty fast way to check for errors, as well ;-)thank LJK, here's the whole kit-n' kaboodle:
<HTML>
<HEAD>
<LINK REL=stylesheet HREF=http://www.webdeveloper.com/forum/archive/index.php/"style.css" TYPE="text/css">
<STYLE TYPE="text/css">
BODY {background-image: url(background1.jpg);
background-repeat: no-repeat;
background-position: 0px 116px;}
a:link,
a:visited,
a:active,
a:hover {text-decoration: none; color: #the colour code;}
</STYLE>
<HEAD>
<BODY BGCOLOR="#155300">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"toptree1.jpg" style="position: absolute; top:09px; left:54px;">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"title.jpg" style="position: absolute; top:40px; left:410px;">
<DIV style="position: absolute; top=320px; left=131px;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onMouseover="if (document.images) document.images.main.src='main2.gif'" onMouseout="if (document.images) document.images.main.src='http://www.webdeveloper.com/forum/archive/index.php/main1.gif'"><img src=http://www.webdeveloper.com/forum/archive/index.php/"main1.gif" name="main" border=0></a><BR>
</DIV>
<DIV style="position: absolute; top=340px; left=131px;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onMouseover="if (document.images) document.images.news.src='news2.gif'" onMouseout="if (document.images) document.images.news.src='http://www.webdeveloper.com/forum/archive/index.php/news1.gif'"><img src=http://www.webdeveloper.com/forum/archive/index.php/"news1.gif" name="news" border=0></a><BR>
</DIV>
<DIV style="position: absolute; top=360px; left=131px;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onMouseover="if (document.images) document.images.top.src='top2.gif'" onMouseout="if (document.images) document.images.top.src='http://www.webdeveloper.com/forum/archive/index.php/top1.gif'"><img src=http://www.webdeveloper.com/forum/archive/index.php/"top1.gif" name="top" border=0></a><BR>
</DIV>
<DIV style="position: absolute; top=380px; left=131px;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onMouseover="if (document.images) document.images.ordering.src='ordering2.gif'" onMouseout="if (document.images) document.images.ordering.src='http://www.webdeveloper.com/forum/archive/index.php/ordering1.gif'"><img src=http://www.webdeveloper.com/forum/archive/index.php/"ordering1.gif" name="ordering" border=0></a><BR>
</DIV>
<DIV style="position: absolute; top=400px; left=131px;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onMouseover="if (document.images) document.images.contact.src='contact2.gif'" onMouseout="if (document.images) document.images.contact.src='http://www.webdeveloper.com/forum/archive/index.php/contact1.gif'"><img src=http://www.webdeveloper.com/forum/archive/index.php/"contact1.gif" name="contact" border=0></a><BR>
</DIV>
<DIV style="position: absolute; top=180px; left=400px; width=500px;">
<H1>Text Here.
</DIV>
<DIV style="position: absolute; top=505px; left=400px; width=500px;">
<H1><a href=http://www.webdeveloper.com/forum/archive/index.php/"">Main</a> - <a href="">News</a> - <a href="">Top Selections</a> - <a href="">Ordering</a> - <a href="">Contact</a>
</DIV>
</HTML>Syntax!
style="position: absolute; top=505px; left=400px; width=500px;"
I just realised that DIV isn't compatable with Firefox, just internet explorer.
Anyone know which browsers it works with, or which it doesn't?
I was using div to position some text and images.
Also, does anyone know if they plan on making DIV compatable with all browsers?
Thanks!
Jonathan
<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e --> is supported by all modern browsers.
Give an example of your problem.Oh ok.
Well, i think it may be the positioning in the DIV. Wether it's positioning text or nav buttons, when viewed with firefox, it's all smashed up into the top left corner. Here's an example of the flip-image nav button:
<DIV style="position: absolute; top=320px; left=131px;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onMouseover="if (document.images) document.images.main.src='main2.gif'" onMouseout="if (document.images) document.images.main.src='http://www.webdeveloper.com/forum/archive/index.php/main1.gif'"><img src=http://www.webdeveloper.com/forum/archive/index.php/"main1.gif" name="main" border=0></a><BR>
</DIV>
The code for positioning the text is the same:
<DIV style="position: absolute; top=180px; left=400px; width=500px;">
Text goes here.
</DIV>
Any ideas? It works fine in IE, just not firefox.
Thanks!
JonathanHi-
Elements are influenced by those that came before them
in the document 'flow', so we'd need to see the whole enchilada
in order to really pinpoint the problem.
mantra #6:
"Code for Firefox; Tweak for IE."
Good luck,
El
P.S. Running your code through the w3c's validator service is a pretty fast way to check for errors, as well ;-)thank LJK, here's the whole kit-n' kaboodle:
<HTML>
<HEAD>
<LINK REL=stylesheet HREF=http://www.webdeveloper.com/forum/archive/index.php/"style.css" TYPE="text/css">
<STYLE TYPE="text/css">
BODY {background-image: url(background1.jpg);
background-repeat: no-repeat;
background-position: 0px 116px;}
a:link,
a:visited,
a:active,
a:hover {text-decoration: none; color: #the colour code;}
</STYLE>
<HEAD>
<BODY BGCOLOR="#155300">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"toptree1.jpg" style="position: absolute; top:09px; left:54px;">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"title.jpg" style="position: absolute; top:40px; left:410px;">
<DIV style="position: absolute; top=320px; left=131px;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onMouseover="if (document.images) document.images.main.src='main2.gif'" onMouseout="if (document.images) document.images.main.src='http://www.webdeveloper.com/forum/archive/index.php/main1.gif'"><img src=http://www.webdeveloper.com/forum/archive/index.php/"main1.gif" name="main" border=0></a><BR>
</DIV>
<DIV style="position: absolute; top=340px; left=131px;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onMouseover="if (document.images) document.images.news.src='news2.gif'" onMouseout="if (document.images) document.images.news.src='http://www.webdeveloper.com/forum/archive/index.php/news1.gif'"><img src=http://www.webdeveloper.com/forum/archive/index.php/"news1.gif" name="news" border=0></a><BR>
</DIV>
<DIV style="position: absolute; top=360px; left=131px;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onMouseover="if (document.images) document.images.top.src='top2.gif'" onMouseout="if (document.images) document.images.top.src='http://www.webdeveloper.com/forum/archive/index.php/top1.gif'"><img src=http://www.webdeveloper.com/forum/archive/index.php/"top1.gif" name="top" border=0></a><BR>
</DIV>
<DIV style="position: absolute; top=380px; left=131px;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onMouseover="if (document.images) document.images.ordering.src='ordering2.gif'" onMouseout="if (document.images) document.images.ordering.src='http://www.webdeveloper.com/forum/archive/index.php/ordering1.gif'"><img src=http://www.webdeveloper.com/forum/archive/index.php/"ordering1.gif" name="ordering" border=0></a><BR>
</DIV>
<DIV style="position: absolute; top=400px; left=131px;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onMouseover="if (document.images) document.images.contact.src='contact2.gif'" onMouseout="if (document.images) document.images.contact.src='http://www.webdeveloper.com/forum/archive/index.php/contact1.gif'"><img src=http://www.webdeveloper.com/forum/archive/index.php/"contact1.gif" name="contact" border=0></a><BR>
</DIV>
<DIV style="position: absolute; top=180px; left=400px; width=500px;">
<H1>Text Here.
</DIV>
<DIV style="position: absolute; top=505px; left=400px; width=500px;">
<H1><a href=http://www.webdeveloper.com/forum/archive/index.php/"">Main</a> - <a href="">News</a> - <a href="">Top Selections</a> - <a href="">Ordering</a> - <a href="">Contact</a>
</DIV>
</HTML>Syntax!
style="position: absolute; top=505px; left=400px; width=500px;"