veeny
07-27-2005, 09:10 PM
Hey, I have a site---http://www.freewebtown.com/carmelo/fever.htm
The problem is, viewed in IE the positions i did are practically perfect, but when you go in Firefox, it looks totally messed up. Depending on the skin used the positions look more or less out of place. Does anyone know if its possible to have perfect positions in both browsers?
Also the navigation menu doesn't work properly in FF :angry: , I know this. Right now I'm just trying to think of an alternative.
Veeny
MaGiCSuN
07-27-2005, 09:52 PM
<html>
<head>
<title>::: Raptors Fever :::</title>
<style type="text/css">
<!--
A:link { text-decoration: none; color: #cccccc; }
A:visited { text-decoration: none; color: silver; }
A:active { text-decoration: none; color: #3399ff; }
a:hover { height: 10px; color: black; cursor: default; }
BODY
{
scrollbar-arrow-color: #000000;
scrollbar-track-color: #D4D0C8;
scrollbar-face-color: #d00000;
scrollbar-highlight-color: #EB7F7F;
scrollbar-3dlight-color: #FF7575;
scrollbar-darkshadow-color: #404040;
scrollbar-shadow-color: #808080
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana; font-size: 9px; color: black;
background-color: #dcdcdc;
}
A.menulink {
display: block;
width: 148px;
text-align: left;
text-decoration: none;
font-family: arial;
font-size: 28px;
color: #000000;
border: none;
}
A.menulink:hover {
border: none;
background-color: silver;
}
-->
</style>
<script>
/*
CSS Menu highlight- By Marc Boussard (marc.boussard@syntegra.fr)
Modified by DD for NS4 compatibility
Visit http://www.dynamicdrive.com for this script
*/
var ns4class=''
</script>
</head>
<body>
<!-- START layout -->
<img src="http://www.freewebtown.com/carmelo/light.jpg" width="744" height="831" style="position: absolute; top: 0px; left: 0px; z-index: 1;">
<!-- END layout -->
<!-- START rapsfever FRAME -->
<iframe name="frame" src="http://www.freewebtown.com/carmelo/blank.htm" frameborder="0" border="0" style="width: 349px; height: 573px; padding: 2px; position: absolute; top: 221px; left: 197px; z-index: 2;"></iframe>
<!-- END rapsfever FRAME -->
<!-- START nav menu -->
<table border="0" width="150" style="width: 150px; height: 320px; padding: 2px; position: absolute; top: 221px; left: 30px; z-index:3;">
<tr>
<td width="100%"><a href="http://www.freewebtown.com/raptorsfever/main.htm" target="frame" class="menulink" class="&{ns4class};">Main</a></td>
</tr>
<tr>
<td width="100%"><a href="http://news.bbc.co.uk" target="frame" class="menulink" class="&{ns4class};">Articles</a></td>
</tr>
<tr>
<td width="100%"><a href="http://www.google.com" target="frame" class="menulink" class="&{ns4class};">Roster</a></td>
</tr>
<tr>
<td width="100%"><a href="http://freewarejava.com" target="frame" class="menulink" class="&{ns4class};">Raptors History</a></td>
</tr>
<tr>
<td width="100%"><a href="http://s9.invisionfree.com/RaptorsFever/index.php?" target="_blank" class="menulink" class="&{ns4class};">Message Board</a></td>
</tr>
<tr>
<td width="100%"><a href="http://news.bbc.co.uk" target="frame" class="menulink" class="&{ns4class};">Affiliates</a></td>
</tr>
<tr>
<td width="100%"><a href="http://news.bbc.co.uk" target="frame" class="menulink" class="&{ns4class};">About Us</a></td>
</tr>
</table>
<!-- END nav menu -->
<!-- START game info -->
<div id="game" style="padding: 2px; position: absolute; left: 562px; top: 567px; z-index: 4; width: 152px; height: 137px; overflow: auto;"><p><a href="http://www.nba.com/games/20041114/DENSAC/recap.html" target="_blank">raptors win</a>
<p>High Scorer - bosh</p>
<p>Next Game: Wednesday, Nov. 17 vs. dallas</p>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>v<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
</div>
<!-- END game info -->
<!-- START news DIV -->
<div id="news" border="0" style="width: 150px; height: 138px; padding: 2px; overflow: auto; position: absolute; top: 222px; left: 562px; z-index: 4;">
(date)<BR>
<b>title</b><BR>Pape resigned <BR>testing onetwothree
<BR><BR><a href="http://www.thestar.com" target="_blank">read more</a>
<p>(date)<BR>
<b>title</b><BR>calderon
<BR><BR><a href="http://www.thestar.com" target="_blank">read more</a>
</div>
<!-- END news DIV -->
<!-- START leaders -->
<div id="leaders" border="0" style="width: 149px; height: 64px; padding: 2px; overflow: auto; position: absolute; top: 737px; left: 565px; z-index: 4;">
(date)<BR>
<b>title</b><BR>Pape resigned woot<BR>testing onetwothree
<BR><BR><a href="http://www.torontostar.com" target="_blank">read more</a>
<p>(date)<BR>
<b>title</b><BR>bonner resigned woot
<BR><BR><a href="http://www.torontostar.com" target="_blank">read more</a>
</div>
<!-- END leaders -->
<!-- START standings -->
<div id="standings" border="0" style="width: 150px; height: 137px; padding: 2px; overflow: auto; position: absolute; top: 393px; left: 563px; z-index: 4;">
(date)<BR>
<b>title</b><BR>Pape resigned woot<BR>testing onetwothree
<BR><BR><a href='http://www.torontostar.com' target='_blank'>read more</a>
<p>(date)<BR>
<b>title</b><BR>bonner resigned woot
<BR><BR><a href="http://www.torontostar.com" target="_blank">read more</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
<!-- END standings -->
</body>
</html>
replaced all single quotes with "
deleted overflow: auto; parts of area's where it isn't needed, so did i deleted background: transparent since divs and tables are already transparent.
changed z-index: #; to proper numbers ..
your menu however turned black, because it's specified in the css.
Love,
Mirna