PDA

Click to See Complete Forum and Search --> : Designing for IE/safari/etc. for mac

digital_storm
10-03-2004, 03:13 PM
Hello!

I've searched this forum for an answer but didn't find any so...
Is there any mac emulator I can use to test html pages in?
I have made a page that i thought was correct but a mac user (using IE) said that the page didn't look as it did in IE (PC) and i cant figure it out why.... The mac user said that there was a 1-2px white line between the 2 and 3 frameset below. (Where top.htm and hem.htm meet)

If anyone would like to help I would really be greatful!
The adress to current homepage is: www.nada.kth.se/~me99_mim/IT2

---------------------frame syntax------------------------------------
<frameset rows="*,98,450,50,*" framespacing="0" frameborder="no" border="0" >
<frame src="topblank.htm" scrolling="no" noresize>
<frameset cols="*,842,*" framespacing="0" frameborder="no" border="0" >
<frame src="bottomblank.htm" scrolling="no" noresize>
<frame src="top.htm" scrolling="no" noresize>
<frame src="bottomblank.htm" scrolling="no" noresize>
</frameset>
<frameset cols="*,842,*" framespacing="0" frameborder="no" border="0" >
<frame src="bottomblank.htm" scrolling="no" noresize>
<frame src="hem.htm" name="main" scrolling="auto" noresize>
<frame src="bottomblank.htm" scrolling="no" noresize>
</frameset>
<frame src="bottom.htm" scrolling="no" noresize>
<frame src="bottomblank.htm" scrolling="no" noresize>
</frameset><noframes></noframes>

-------------------top.htm (just the body part)----------------------
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="initMenu('Demo', 'top'); setSubFrame('Demo', parent.main);">
<table width="842" height="98" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" bgcolor="#cccccc"><table width="100%" height="100%" cellpadding="0" cellspacing="1">
<tr>
<td align="center" valign="middle" background="bilder2/hem/top.gif">
<div id="menustart" style="position:absolute; left:300px; top:78px; width:446px; height:20px; z-index:2; overflow: hidden; visibility: hidden;"></div></td>
</tr>
</table></td>
</tr>
</table>
</body>

------------------------------hem.htm (body part)-------------------
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<!-- start scrollable area -->
<STYLE type=text/css>
#divContainer {
OVERFLOW: hidden; POSITION: absolute; VISIBILITY: visible
overflow-y: scroll;

}
#divContent {
COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: visible
}
div.scroll {
border: 0px;
overflow:auto;
position: absolute;
height: 240px;
width: 381px;
left: 45px;
top: 98px;
scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#000000;
}

</STYLE>


<div class="scroll" >
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:340px; height:240px; z-index:1; overflow: visible;">
<table width="100%" border="0" cellspacing="0" cellpadding="2" >
<tr>
<td> SOME TEXT </td>
</tr>

</table>
</div>
</div>



<!-- end scrollable area -->
<table width="842" height="450" align="center" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr>
<td align="center" valign="top" bgcolor="#cccccc"><table width="100%" height="100%" align="center" cellpadding="0" cellspacing="1">
<tr>
<td align="left" valign="top" background="bilder2/hem/hemback2.gif" bgcolor="#CCCCCC"><table width="840" height="100%" cellpadding="0" cellspacing="1">
<tr>
<td width="27">&nbsp;</td>
<td width="370" height="57">&nbsp;</td>
<td width="16" height="57">&nbsp;</td>
<td width="407" height="57">&nbsp;</td>
</tr>
<tr>
<td width="27">&nbsp;</td>
<td width="370" height="35" valign="bottom"><table width="370" height="25" cellpadding="0" cellspacing="1">
<tr>
<td width="142">&nbsp;</td>
<td width="223" valign="middle" class="imatrixwhite">Hem</td>
</tr>
</table></td>
<td width="16" height="35">&nbsp;</td>
<td height="35">&nbsp;</td>
</tr>
<tr>
<td width="27">&nbsp;</td>
<td width="370" height="245" align="left" valign="top"><table width="100%" cellspacing="8" cellpadding="0">
<tr>
<td></td>
</tr>
</table></td>
<td width="16" height="245" align="left" valign="top"><table width="20" height="245" cellpadding="0" cellspacing="1">
<tr>
<td align="center" valign="bottom">&nbsp;</td>
</tr>
</table></td>
<td height="245">&nbsp;</td>
</tr>
<tr>
<td width="27" height="105">&nbsp;</td>
<td width="370" height="105">&nbsp;</td>
<td width="16" height="105">&nbsp;</td>
<td height="105">&nbsp;</td>
</tr>
</table></td>
</tr>
</table> </td>
</tr>
</table>

</body>
------------------------------------------------------------------
chrismartz
10-03-2004, 04:05 PM
don't use frames...that'll fix it!
Ben Rogers
10-03-2004, 05:07 PM
Really, when you're using so much code incorrectly, and so messily, do you actually expect things to work? Tables are bad for layout (http://www.hotdesign.com/seybold/), and frames are bad in general.