My site looks horid in fire fox, but great in IE..

  • vanityleak
  • Born
  • Born
  • vanityleak
  • Posts: 1

Post 3+ Months Ago

Can someone help me out with the coding so it looks as good as it does in IE. When i use fire fox it looks all disorted. the code is below! i also want my scrollers which the videos are in to scroll sideways, not up and down.. idk why its doing that

Code: [ Select ]
<html>
<head>
<title>Vanity Leak: Your #1 Source for New music leaked online!</title>

<style type="text/css">
#navbar-iframe {display: none;}
body {background-color: #FFFFFF;}
::-moz-selection { color:#transparent; }
::selection { color:#transparent;}
#nav {display: inline-block; font-size:7.5pt; color:#579E96; font-family: Times New Roman; align:center; padding:5px; text-transform:lowercase; letter-spacing:-1px; }
#nav:hover { color:#F5B349;}
.a { text-transform:lowercase; font-family: Times New Roman; border-bottom:1px solid #999999; border-top:1px solid #999999; border-right:1px solid #999999; border-left:5px solid #CD3F50; padding-right:5px; padding-left:5px; color:#999999; background-color:#f0f0f0;}
.title {font-size: 8pt; letter-spacing:-1px; word-spacing:3px; line-height:70%; font-family: trebuchet ms; text-transform:lowercase; padding:5px; color:#248F8D; border-bottom:1px dashed #605063;}
.date {color:#CD3F50; font-size:7pt; display:block; text-transform:lowercase;}
.header {height:160px; width:800px; background-image:url(""); background-repeat:no-repeat;
background-position:center; background-color:#ffffff;}
a {color: #F5B349; text-decoration: none;}
a:hover {color: #248F8D; text-decoration: none;}
td {font-size:8.5pt; color:#A08490; font-family: arial; text-align:justify; background-color:#f0f0f0;}
blockquote { background-color: #f0f0f0; padding: 5px; color: #000000; border-left:10px solid #248F8D; border-right:10px solid #248F8D;}
blockquote:hover { border-color:#ECD166;}
s {color: #FFFFFF;}
i {color: #CD3F50;}
u {border-bottom:1px dashed #CD3F50; color:#ECD166;}
b {color: #248F8D;}

</style>
<center>
<script type="text/javascript">

/***********************************************
* Scrollable Menu Links- © Dynamic Drive DHTML code library (www.dynamicdrive)
* Visit http://www.dynamicDrive for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

//configure path for left and right arrows
var goleftimage='http://i39.tinypic/sbk2ae.jpg'
var gorightimage='http://i44.tinypic/venrcy.jpg'
//configure menu width (in px):
var menuwidth=300
//configure menu height (in px):
var menuheight=25
//Specify scroll buttons directions ("normal" or "reverse"):
var scrolldir="normal"
//configure scroll speed (1-10), where larger is faster
var scrollspeed=6
//specify menu content
var menucontents='<nobr><a href="http://www.vanityleak">Home</a> | <a href="mailto:djstript@yahoo.c*om">Apply To Be Affiliates</a> | <a href="http://www.facebook/craigvanity">Add Us On Facebook</a> | <a href="http://www.twitter./craigvanity">Follow Us On Twitter</a> | <a href="mailto:djstript@yahoo.">Contact Us</a></nobr>'


////NO NEED TO EDIT BELOW THIS LINE////////////

var iedom=document.all||document.getElementById
var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"'
var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"'
if (scrolldir=="reverse"){
var tempswap=leftdircode
leftdircode=rightdircode
rightdircode=tempswap
}
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+menucontents+'</span>')
var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0
function fillup(){
if (iedom){
cross_scroll=document.getElementById? document.getElementById("test2") : document.all.test2
cross_scroll.innerHTML=menucontents
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
loadedyes=1
}
window.onload=fillup

function moveleft(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"
}
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
}
lefttime=setTimeout("moveleft()",50)
}

function moveright(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)<0)
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
}
righttime=setTimeout("moveright()",50)
}


if (iedom||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="2">')
write('<td valign="middle"><a href="#" '+leftdircode+'><img src="'+goleftimage+'"border=0></a> </td>')
write('<td width="'+menuwidth+'px" valign="top">')
if (iedom){
write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">')
write('<div id="test2" style="position:absolute;left:0;top:0">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
write('</td>')
write('<td valign="middle"> <a href="#" '+rightdircode+'>')
write('<img src="'+gorightimage+'"border=0></a>')
write('</td></table>')
}
}

</script>
</center>
</head>
<body>
<center>

<img src="http://i40.tinypic/dhg9ip.jpg"border=0"align=top"></center>
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
</script>
<table ALIGN=CENTER width=800>
<div align="CENTER">
<select name="archivemenu" onchange=
"document.location.href=this.options[this.selectedIndex].value;">
 <option selected>- Archives -</option>
 <BloggerArchives>
 <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
 </BloggerArchives>
</select> <form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Search" type="submit"/></form>
</div>
</table>

<Blogger>
<table style="background:none;" cellspacing="0" cellpadding="0" align="center">
<tr>
<td style="background-image:none; padding-bottom:10px; padding-right:10px; padding-left:10px;" valign="top" >

<div class="a"><$BlogItemTitle$></div>
<div align="right" class="date"><BlogDateHeader><$BlogDateHeaderDate$>,</BlogDateHeader><$BlogItemDateTime$></div>


<$BlogItemBody$>


</div>
</td></tr></table></Blogger>



<table style="background:none;" cellspacing="0" cellpadding="0" align="center">
<tr>
<td style="background-color:#ffffff; padding:10px; " valign="top" >
<div style="width:700px; padding:5px;">
<center> © 2010 vanityleak<br>
viewed best with internet explorer</center>
</div>
</td></tr></table>



</body>
</html>
  1. <html>
  2. <head>
  3. <title>Vanity Leak: Your #1 Source for New music leaked online!</title>
  4. <style type="text/css">
  5. #navbar-iframe {display: none;}
  6. body {background-color: #FFFFFF;}
  7. ::-moz-selection { color:#transparent; }
  8. ::selection { color:#transparent;}
  9. #nav {display: inline-block; font-size:7.5pt; color:#579E96; font-family: Times New Roman; align:center; padding:5px; text-transform:lowercase; letter-spacing:-1px; }
  10. #nav:hover { color:#F5B349;}
  11. .a { text-transform:lowercase; font-family: Times New Roman; border-bottom:1px solid #999999; border-top:1px solid #999999; border-right:1px solid #999999; border-left:5px solid #CD3F50; padding-right:5px; padding-left:5px; color:#999999; background-color:#f0f0f0;}
  12. .title {font-size: 8pt; letter-spacing:-1px; word-spacing:3px; line-height:70%; font-family: trebuchet ms; text-transform:lowercase; padding:5px; color:#248F8D; border-bottom:1px dashed #605063;}
  13. .date {color:#CD3F50; font-size:7pt; display:block; text-transform:lowercase;}
  14. .header {height:160px; width:800px; background-image:url(""); background-repeat:no-repeat;
  15. background-position:center; background-color:#ffffff;}
  16. a {color: #F5B349; text-decoration: none;}
  17. a:hover {color: #248F8D; text-decoration: none;}
  18. td {font-size:8.5pt; color:#A08490; font-family: arial; text-align:justify; background-color:#f0f0f0;}
  19. blockquote { background-color: #f0f0f0; padding: 5px; color: #000000; border-left:10px solid #248F8D; border-right:10px solid #248F8D;}
  20. blockquote:hover { border-color:#ECD166;}
  21. s {color: #FFFFFF;}
  22. i {color: #CD3F50;}
  23. u {border-bottom:1px dashed #CD3F50; color:#ECD166;}
  24. b {color: #248F8D;}
  25. </style>
  26. <center>
  27. <script type="text/javascript">
  28. /***********************************************
  29. * Scrollable Menu Links- © Dynamic Drive DHTML code library (www.dynamicdrive)
  30. * Visit http://www.dynamicDrive for hundreds of DHTML scripts
  31. * This notice must stay intact for legal use
  32. ***********************************************/
  33. //configure path for left and right arrows
  34. var goleftimage='http://i39.tinypic/sbk2ae.jpg'
  35. var gorightimage='http://i44.tinypic/venrcy.jpg'
  36. //configure menu width (in px):
  37. var menuwidth=300
  38. //configure menu height (in px):
  39. var menuheight=25
  40. //Specify scroll buttons directions ("normal" or "reverse"):
  41. var scrolldir="normal"
  42. //configure scroll speed (1-10), where larger is faster
  43. var scrollspeed=6
  44. //specify menu content
  45. var menucontents='<nobr><a href="http://www.vanityleak">Home</a> | <a href="mailto:djstript@yahoo.c*om">Apply To Be Affiliates</a> | <a href="http://www.facebook/craigvanity">Add Us On Facebook</a> | <a href="http://www.twitter./craigvanity">Follow Us On Twitter</a> | <a href="mailto:djstript@yahoo.">Contact Us</a></nobr>'
  46. ////NO NEED TO EDIT BELOW THIS LINE////////////
  47. var iedom=document.all||document.getElementById
  48. var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"'
  49. var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"'
  50. if (scrolldir=="reverse"){
  51. var tempswap=leftdircode
  52. leftdircode=rightdircode
  53. rightdircode=tempswap
  54. }
  55. if (iedom)
  56. document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+menucontents+'</span>')
  57. var actualwidth=''
  58. var cross_scroll, ns_scroll
  59. var loadedyes=0
  60. function fillup(){
  61. if (iedom){
  62. cross_scroll=document.getElementById? document.getElementById("test2") : document.all.test2
  63. cross_scroll.innerHTML=menucontents
  64. actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth
  65. }
  66. else if (document.layers){
  67. ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
  68. ns_scroll.document.write(menucontents)
  69. ns_scroll.document.close()
  70. actualwidth=ns_scroll.document.width
  71. }
  72. loadedyes=1
  73. }
  74. window.onload=fillup
  75. function moveleft(){
  76. if (loadedyes){
  77. if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
  78. cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"
  79. }
  80. else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
  81. ns_scroll.left-=scrollspeed
  82. }
  83. lefttime=setTimeout("moveleft()",50)
  84. }
  85. function moveright(){
  86. if (loadedyes){
  87. if (iedom&&parseInt(cross_scroll.style.left)<0)
  88. cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"
  89. else if (document.layers&&ns_scroll.left<0)
  90. ns_scroll.left+=scrollspeed
  91. }
  92. righttime=setTimeout("moveright()",50)
  93. }
  94. if (iedom||document.layers){
  95. with (document){
  96. write('<table border="0" cellspacing="0" cellpadding="2">')
  97. write('<td valign="middle"><a href="#" '+leftdircode+'><img src="'+goleftimage+'"border=0></a> </td>')
  98. write('<td width="'+menuwidth+'px" valign="top">')
  99. if (iedom){
  100. write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">')
  101. write('<div id="test2" style="position:absolute;left:0;top:0">')
  102. write('</div></div>')
  103. }
  104. else if (document.layers){
  105. write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
  106. write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
  107. }
  108. write('</td>')
  109. write('<td valign="middle"> <a href="#" '+rightdircode+'>')
  110. write('<img src="'+gorightimage+'"border=0></a>')
  111. write('</td></table>')
  112. }
  113. }
  114. </script>
  115. </center>
  116. </head>
  117. <body>
  118. <center>
  119. <img src="http://i40.tinypic/dhg9ip.jpg"border=0"align=top"></center>
  120. <script type="text/javascript">
  121. function changeNavigation(id)
  122. {document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
  123. </script>
  124. <table ALIGN=CENTER width=800>
  125. <div align="CENTER">
  126. <select name="archivemenu" onchange=
  127. "document.location.href=this.options[this.selectedIndex].value;">
  128.  <option selected>- Archives -</option>
  129.  <BloggerArchives>
  130.  <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
  131.  </BloggerArchives>
  132. </select> <form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Search" type="submit"/></form>
  133. </div>
  134. </table>
  135. <Blogger>
  136. <table style="background:none;" cellspacing="0" cellpadding="0" align="center">
  137. <tr>
  138. <td style="background-image:none; padding-bottom:10px; padding-right:10px; padding-left:10px;" valign="top" >
  139. <div class="a"><$BlogItemTitle$></div>
  140. <div align="right" class="date"><BlogDateHeader><$BlogDateHeaderDate$>,</BlogDateHeader><$BlogItemDateTime$></div>
  141. <$BlogItemBody$>
  142. </div>
  143. </td></tr></table></Blogger>
  144. <table style="background:none;" cellspacing="0" cellpadding="0" align="center">
  145. <tr>
  146. <td style="background-color:#ffffff; padding:10px; " valign="top" >
  147. <div style="width:700px; padding:5px;">
  148. <center> © 2010 vanityleak<br>
  149. viewed best with internet explorer</center>
  150. </div>
  151. </td></tr></table>
  152. </body>
  153. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

I copied your code and did a sample site from it and viewed it in firefox and IE but it looks the same in both IE and firefox apart one thing the search box is on its own line in firefox so I think that you are using an IE padding bug where it does not add padding on you should design you site for firefox etc and then do a fix for IE not the other-way around.

also I think you would find it easer to read your code if you put the css and javascript in different files from your html.

do you have an example to give us a link to it would help as your are referencing some picture we don't have access to which my have something to do with your issue

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 40 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.