Forum Moderators: open
Are you actually using frames that overlap? Or is it divs?
At any rate, the first step in resolving any cross-browser display problem is to be sure that your mark-up is valid. Trying to fix problems when the code is not valid can be frustrating and in some cases, actually impossible.
W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]
If you have validated your code and the problem remains, we'll need to see the important parts of your code. For help in posting your code, please see the thread called LINKS and posting CODE [webmasterworld.com]. That thread is pinned to the top of the HTML forum's index page for easy reference.
<title>index.html<img src="images/logotse1.gif" width="800" height="70" alt=""</title>
<META NAME="ROBOTS" CONTENT="NOFOLLOW">
</HEAD>
[edited by: tedster at 5:57 am (utc) on Oct. 10, 2008]
[edit reason] disable graphic smile faces [/edit]
Line 1, Column 121: cannot continue because of previous errors.
…/xhtml1/dtd/xhtml1-transitional.dtd" /> lost now had 180 errors almost all cap errors and the />
Another guess is that you are depending on the default margins and padding that the browsers each set. I usually start my CSS rules by setting all padding and margins to zero as the first rule.
html * {padding:0;margin:0;}
Then I can declare each element, class or id to have exactly the padding and margin that I choose, confident that various browsers will not throw their default choices into the mix and shift things around.
I also develop pages in the most standards compliant browsers I have (Firefox, Opera) and then tweak for IE as needed - since IE tends to have more non-standard handling.
And by the way - you still haven't answered whether your problem is truly with the <frame> element, or whether you used the word frame in a non-technical way.
Since a frameset is a way of combining several urls into one window, the problem may lie in your frameset itself, or in the individual frames that you are including. Can you give us just the source code for your main frameset page - changing any specifics that would identify your site?
<frameset rows="25%,*">
<frame src="title.html">
<frame src="body.html">
</frameset>
</html>
[edited by: tedster at 10:48 pm (utc) on Oct. 11, 2008]
[edit reason] remove specifics [/edit]
One other idea - you could try using pixels instead of percentages for the top frame. That will stop the toop frame display at exactly the same place on every browser and every size window. something like this:
<frameset rows="120,*">
I just took a guess at the "120" - but use however many pixels you need for your title frame's height.
Can you tell me what doc type would be best to start out with if I get into designing another web page?
A frameset document should use one of the frameset doctypes listed on the link to the W3C that I gave earlier in this thread - most likely it will be the HTML 4.1 frameset that you used for this page.
For the pages that are held within the frames, see FAQ: Choosing the best doctype for your site [webmasterworld.com].
I think the best place to start learning in this brave new world would be to choose html 4.01 strict. No reason to get used to using the transitional stuff, since the differences between transitional and strict are all deprecated, and on their slow way out. Also, as you'll see, unless you have need for xml functionality, XHTML is not recommended.
There's lots of free and accurate help available for learning web technologies at [w3schools.com...] One good feature are the "Try-It-Yourself" pages where you can quickly and easily experiment with each new bit that you learn.
[edited by: tedster at 3:06 am (utc) on Oct. 12, 2008]
The W3C website is great for checking on the most authoritative information, but the W3 Schools is intentionally built as a place to learn, from the ground up.
