PDA

View Full Version : Frameset ok in IE, but suckz in NS and Opera

Prof. Snape
10-25-2002, 03:59 PM
hi folks,

here's my prob: i have to make use of frames for a website; navigation bar and news are in the top row (calles "header"), all other stuff in the second frame, called "main".

as the first frame "header" will always be the same height, i made use of the "noresize" attribute. the table, centered, looks fine with its width of about 600 px.
in frame no.2, "main", i use the same table (width etc. is copied from the first table) - except for the "noresize" attribute, which i cannot use in this frame, as there is a lot of text an scrolling is a must for this frame.

as i said: both tables are centered. and now comes the tricky part: the ms internet explorer displays both tables exactly under each other - just as i intended to.
watching the frameset in opera or netscape 7, i have this ugly phenomenon, that the second table (the one in the "main" frame) has been pushed a bit to the left and the borders do not "close" with the ones of table no.1 in the "header" frame.

this really gets me mad as i need to get this working. any idea of how to solve this mystery?
scotttyz
10-25-2002, 04:36 PM
can you post the frame set code and the body tags for each of the child pages?
Prof. Snape
10-25-2002, 05:25 PM
hi scotttyz;

sure:

here goes:

source code of the whole frameset:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>title goes here</title>
</head>

<frameset rows="170,*" frameborder="0" framespacing="0" border="0">
<frame src="header.htm" name="header" scrolling="no" marginwidth="0" marginheight="0" frameborder="0">
<frame src="main.htm" name="main" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0">

<noframes>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">

<p>Viewing this page requires a browser capable of displaying frames.</p>
</body>
</noframes>

</frameset>
</html>

source code of header.htm:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Welcome to Title</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" class="bodyHeader">

<table width="600" border="0" align="center" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table border="0" align="center" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr cellpadding="0" cellspacing="0">
<th colspan="3" bgcolor="#393f89" width="600" height="25" align="left" class="headerNav">
&nbsp;
<a href="http://www.wem2002.de.vu" target="_blank" class="link2">home</a> |
<a href="http://www.wem2002.de.vu" target="_blank" class="link2">contact</a> |
<a href="http://www.wem2002.de.vu" target="_blank" class="link2">help</a> |
<a href="http://www.wem2002.de.vu" target="_blank" class="link2">about us</a> |
<a href="http://www.wem2002.de.vu" target="_blank" class="link2">stuff</a>
</td>
</tr>
<tr cellpadding="0" cellspacing="0">
<td><img src="bilder/header.jpg" width="444" height="139" hspace="0" vspace="0" border="0" align="left">
<td width="6" bgcolor="#cccccc" >&nbsp;</td>
<td width="150" align="left" valign="top">
<div class="headerDate">22.03.2002</div>
<div class="headerText">Bla bla bla blablabla Bla</div>
<div class="headerDate">22.03.2002</div>
<div class="headerText">Again bla bla blabla Bla</div>
</td>
</tr>
<tr cellpadding="0" cellspacing="0">
<td colspan="3" bgcolor="#cccccc" height="6"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

source code of main.htm:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<base target="main">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>

<body class="bodyHeader" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

<table border="0" cellpadding="0" cellspacing="0" width="600" align="center">
<tr>
<td><table border="0" cellpadding="0" cellspacing="0" width="600" bgcolor="white" align="center">
<tr>
<td width="444" align="left"><table border="0">
<tr>
<td align="left" valign="top"><p><img src="pics/samples/smpl1_5sml.jpg"
border="0"> </td>
<td><p align="left">Headline</p>
<p align="left">Some text and information about the stuff on the left.</td>
<td align="left" valign="top"><p><img src="pics/samples/smpl1_5sml.jpg"
border="0"> </td>
<td><p align="left">Headline</p>
<p align="left">Some text and information about the stuff on the left.</td>
</tr>
<tr>
<td align="left" valign="top"><p><img src="pics/samples/smpl1_5sml.jpg"
border="0"> </td>
<td><p align="left">Headline</p>
<p align="left">Some text and information about the stuff on the left.</td>
<td align="left" valign="top"><p><img src="pics/samples/smpl1_5sml.jpg"
border="0"> </td>
<td><p align="left">Headline</p>
<p align="left">Some text and information about the stuff on the left.</td>
</tr>
<tr>
<td align="left" valign="top"><p><img src="pics/samples/smpl1_5sml.jpg"
border="0"> </td>
<td><p align="left">Headline</p>
<p align="left">Some text and information about the stuff on the left.</td>
<td align="left" valign="top"><p><img src="pics/samples/smpl1_5sml.jpg"
border="0"> </td>
<td><p align="left">Headline</p>
<p align="left">Some text and information about the stuff on the left.</td>
</tr>
<tr>
<td align="left" valign="top"><p><img src="pics/samples/smpl1_5sml.jpg"
border="0"> </td>
<td><p align="left">Headline</p>
<p align="left">Some text and information about the stuff on the left.</td>
<td align="left" valign="top"><p><img src="pics/samples/smpl1_5sml.jpg"
border="0"> </td>
<td><p align="left">Headline</p>
<p align="left">Some text and information about the stuff on the left.</td>
</tr>
</table></td>
<td width="6" bgcolor="#CCCCCC"><p>&nbsp;</td>
<td width="150" align="left" valign="top" bgcolor="#393F89"></td>
</tr>
<tr>
<td height="6" colspan="3" bgcolor="#CCCCCC"></td>
</tr>
</table></td>
</tr>
</table>

</body>

</html>
scotttyz
10-26-2002, 10:09 AM
I see the issue in Opera and Mozz. The problem is the auto resize scroll bars. If you change the index to scrolling "no" for both frames it lines up correctly, with the auto resize the browsers seem to offset the lower frame to allow for the possible scoll bar.

The only thing I can think of is to make 3 frames:

1 top
1 bottum left (that scrolls)
1 bottum right that does not.
Prof. Snape
10-26-2002, 10:39 AM
thanks a lot, scotttyz.

i tried to solve the prob, too - and ended up with using iframes, which works fine for me - looking exactly the same in ie, ns, opera and mozilla.

plus: i can use this construction (table to center, 1st table row includes iframe with "header.nav", next table row conatins the "rest" of main.htm) as myCode Template for 1st page, as this "startup" is always the same on each and every page of my website.