HTML Frames, Cross Browser Border Style.

Posted on 2005-04-21
Last Modified: 2008-01-09
Hi All, this is getting frustrating!

I thought I was tryign to do something "easy". The desired result is a simple frameset with a "banner", "content" and "footer".

Banner Page - White Background
Content Page - #7797E4 Background
Footer Page - #7797E4 Background

<frameset rows="50, *, 50" id="myFrameset" border="1" bordercolor="#7797E4" framespacing="3">
    <frame src="myBanner.html" id="frmBanner" noresize border="0">
    <frame src="myContent.html" id="frmContent">
    <frame src="myFooter.html" id="frmFooter">

Goal: Have "no border" appearance between all the pages, yet allow the user to resize the content/footer height (fixed banner height). It needs to show the resize handle on mouseOver of the border between the content and the footer but no handle between the content and the header.

The trouble. I have tried TONS of different border attributes in both the frameset and frame tags.  I can get it to work with a generic setup BUT... it looks totally different in IE PC, Firefox PC, Firefox MAC. (the only browsers/platforms I care about).

Firefox seems to be putting a "black line" between the frames making the border color not at all what I want. It seems the border needs to be a few pixels to enable the operating system resize handle to show when you mouse over the border to resize it?

If this is confusing..lemme know, I'll try to explain better?
Question by:DavidBook
    LVL 9

    Expert Comment

    Tried your sample.  The issue, at least with IE, is that it renders the borders as 3D with a hilight at the top and shadow underneath.  Not sure if there is some sort of "flat" style you can use.

    Good luck!
    LVL 3

    Author Comment

    Yeah really, luck is what i need. I was able to get IE to do the flat thing with some "framespacing" and "bordercolor". If you space the frames a few pixels, then do the border color, it works. Problem is, only IE supports those generic prop. tags, UGH!
    LVL 1

    Accepted Solution

    PAQed with points (300) refunded

    Community Support Moderator

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    A colleague recently asked me about how to give his client a small part of the web site that could be completely under the client's control.  Since I have done this sort of thing before to add emergency banners to a web site, I decided I would creat…
    This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
    In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
    HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

    761 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    10 Experts available now in Live!

    Get 1:1 Help Now